自贡网站建设公司

Vue+Flask实现简单的登录验证跳转的示例代码

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

创新互联公司基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽，联通大带宽，移动大带宽，多线BGP大带宽租用,是为众多客户提供专业服务器托管报价，主机托管价格性价比高，为金融证券行业西信服务器托管，ai人工智能服务器托管提供bgp线路100M独享，G口带宽及机柜租用的专业成都idc公司。

文件位置： Vue+Flask实现简单的登录验证跳转的示例代码

login.html




  
  Login

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, 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)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。


当前文章：Vue+Flask实现简单的登录验证跳转的示例代码
文章来源：http://jxruijie.cn/article/jgjgsd.html

其他资讯