web前端|js教程
Flask,验证,登录
web前端-js教程
本文主要介绍了Vue+Flask实现简单的登录验证跳转的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧,希望能帮助到大家。
php红包源码,vscode怎么换字体,无法进入ubuntu,tomcat项目域名访问,破解sqlite密码教程,有特色的网页设计,数据库 存储过程,vps服务器怎么创建多个网站,pc版微信无法加载插件,前端框架vue如何学习交流,南京爬虫科技,php define,嘉兴seo公司,不用springboot,织梦tag标签显示不全,网站改版后新版前台如何跟旧版后台链接,正计时网页,中介房源展示模板,织梦后台编辑器图标不显示,wordpress文章页面,mfc access 管理系统,易语言做的程序怎么加壳lzw
文件位置:
暴风影音 音频源码,ubuntu打不开zip,有什么比tomcat好用,动漫机械爬虫,高中php课程,seo常见的优化技术关键词推广lzw
login.html
mvc3 框架源码,vscode编译运行浏览器,ubuntu 标记信任,tomcat免费的吗,dedecms爬虫软件,php中的或者,贵州seo优化搜索排名怎么置顶,手机 网站 消息推送lzw
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实现登录验证
实例分享JavaScript登录验证基础教学
通过使用node.js+captchapng+jsonwebtoken完成登录验证