web前端|js教程
Vue,登录验证跳转,Vue,Flask,登录验证跳转
web前端-js教程
本篇文章主要介绍了Vue+Flask实现简单的登录验证跳转的示例代码，现在分享给大家，也给大家做个参考。
发卡平台 php 源码,ubuntu下配置go,怎么看tomcat运行状况,汤不热视频爬虫,php和前端哪个更适合学习交流,深州seo外包lzw
本文介绍了Vue+Flask实现简单的登录验证跳转，分享给大家，具体如下:
u148源码,ubuntu开机卡了,爬虫代码怎么写,PHP社群,泉州seo付费lzw
文件位置：
网页源码微信二维码路径,ubuntu vi头文件,厕所地上小爬虫,js 算法php,非标品seolzw
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} }).catch(function (error) {console.log(error.response) })} } })
index.html
Hello,This is Index Page!
Login.py
# -*- coding: utf-8 -*-from flask import Flask, request, session, redirect, url_for, render_template, make_response, jsonifyapp = 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, oken: "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/,?RTif __name__ == \__main__: app.run(debug=True)
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在vue中使用vue-cli如何搭建helloWorld
layui中有关取值传值方面的问题
使用JavaScript如何实现抽奖系统
详细解答vue的变化对组件有什么影响？
