Flask接口签名sign原理与实例代码浅析
699
2023-02-27
Vue+Flask实现简单的登录验证跳转的示例代码
本文介绍了vue+Flask实现简单的登录验证跳转,分享给大家,具体如下:
login.html
var login = new Vue({
el: '#login',
data:{
username: '',
password: ''
},
methods: {
login: function () {
axios.post('http://127.0.0.1:5000/login',{
username: this.username,
password: this.password
}).then(function (response) {
console.log(response.status)
// 其实是应该走后台路由
if(parseInt(response.status) === 200){
window.location.href = 'index'
}
http:// }).catch(function (error) {
console.log(error.response)
})
}
}
})
index.html
Login.py
# -*- coding: utf-8 -*-
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)
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~