使用Vue+Flask如何实现登录验证跳转(详细教程)

亚连
Freigeben: 2018-06-12 10:18:26
Original
5392 Leute haben es durchsucht

本篇文章主要介绍了Vue+Flask实现简单的登录验证跳转的示例代码,现在分享给大家,也给大家做个参考。

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

文件位置:

login.html

    Login   




Nach dem Login kopieren

index.html

    Index 

Hello,This is Index Page!

Nach dem Login kopieren

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)
Nach dem Login kopieren

上面是我整理给大家的,希望今后会对大家有帮助。

相关文章:

在vue中使用vue-cli如何搭建helloWorld

layui中有关取值传值方面的问题

使用JavaScript如何实现抽奖系统

详细解答vue的变化对组件有什么影响?

Das obige ist der detaillierte Inhalt von使用Vue+Flask如何实现登录验证跳转(详细教程). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn