Vue+Flask实现简单的登录验证跳转的示例代码

发布时间：2020-12-17 02:38:14 所属栏目：百科来源：网络整理

导读：本文介绍了Vue+Flask实现简单的登录验证跳转，分享给大家，具体如下: 文件位置： login.html Login script type="text/javascript" src="../static/vue.js" script type="text/javascript" src="../static/axios.js" div id="login" button type="button" v-

本文介绍了Vue+Flask实现简单的登录验证跳转，分享给大家，具体如下:

文件位置：

}
}

})

index.html

Index

Hello,This is Index Page!

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

@app.route('/login',methods=('GET','POST'))
def login():
if request.method == 'POST':
session['username'] = request.json.get('username')
session['password'] = request.json.get('password')

登录成功，则跳转到index页面

return jsonify({'code': 200,'token': "123456"})

登录失败，跳转到当前登录页面

return render_template('login.html')

@app.route('/index')
def index():

如果用户名和密码都存在，则跳转到index页面，登录成功

if 'username' in session and 'password' in session:
return render_template('index.html')

否则，跳转到login页面

return redirect(url_for('login'))

@app.route('/logout')
def logout():
session.pop('username',None)
session.pop('password',None)
return redirect(url_for('login'))

set the secret key. keep this really secret:

app.secret_key = 'A0Zr98j/3yX R~XHH!jmN]LWX/,?RT'

if name == 'main':
app.run(debug=True)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!