700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Vue和Flask实现简单的登录验证跳转

Vue和Flask实现简单的登录验证跳转

时间:2023-08-16 14:21:50

相关推荐

Vue和Flask实现简单的登录验证跳转

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

Login

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

Index

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完成登录验证

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。