微信小程序制作教程_Vue+Flask完成简略的登录验证

Vue+Flask实现简单的登录验证跳转的示例代码       本篇文章主要介绍了Vue+Flask实现简单的登录验证跳转的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

文件位置：

<

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title Login /title 
 script type="text/javascript" src="../static/vue.js" /script 
 script type="text/javascript" src="../static/axios.js" /script 
 /head 
 body 
 div id="login" 
 form action="#" novalidate 
 label for="username" Username /label 
 input type="text" name="username" id="username" placeholder="Enter your Name" v-model="username" br 
 label for="password" Password /label 
 input type="text" name="password" id="password" placeholder="Enter your Password" v-model="password" br 
 button type="button" v-on:click="login" Apply /button 
 /form 
 /div 

from flask import Flask, request, session, redirect, url_for, render_template, make_response, jsonify
app = Flask(__name__)

 session['username'] = request.json.get('username')
 session['password'] = request.json.get('password')
 # 登录成功，则跳转到index页面
 return jsonify({'code': 200, 'token': "123456"})
 # 登录失败，跳转到当前登录页面
 ')

 # 如果用户名和密码都存在，则跳转到index页面，登录成功
 if 'username' in session and 'password' in session:
 ')
 # 否则，跳转到login页面
 return redirect(url_for('login'))

# set the secret key. keep this really secret:
app.secret_key = 'A0Zr98j/3yX R~XHH!jmN]LWX/, RT'