当前位置: 首页 > article >正文

实现前后端分离的登陆验证token思路

在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:

1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码

2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token

3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面

4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面

5、每次调后端接口,都要在请求头中加token

6、后端判断请求头中有无token,有token,就拿到token并验证token,验证成功就返回数据,验证失败(例如:token过期)就返回401,请求头中没有token也返回401

7、如果前端拿到状态码为401,就清除token信息并跳转到登录页面


http://www.kler.cn/a/17975.html

相关文章:

  • 响应式网页设计--html
  • 利用滑动窗口解题
  • win32 / WTL 开发多线程应用,子线程传递大对象给UI线程(主窗口)的方法
  • Redis高可用-主从复制
  • 【C++】C++11特性(上)
  • Spring Cloud Contract快速入门Demo
  • SpringBoot【开发实用篇】---- 配置高级
  • uniapp和小程序如何分包,详细步骤手把手(图解)
  • Java ——线程池
  • GitHub上的AutoGPT神秘的面纱
  • 100种思维模型之蝴蝶效应思维模型-56
  • 【QT】 QSS类的用法及基本语法介绍
  • 装饰器模式
  • 第三章 用户身份
  • 看Chat GPT解答《情报学基础教程》课后思考和习题
  • 当因果推理遇上时间序列,会碰撞出怎样的火花?
  • Swift3.0服务端开发(一) 完整示例概述及Perfect环境搭建与配置(服务端+iOS端)
  • 【头歌】完整汇编语言程序设计
  • 最新开源Chatgpt人工智能对话源码系统如何搭建?含详细安装教程分享和源码
  • 2023 年 3 月青少年机器人技术等级考试理论综合试卷(一级)
  • 摄影测量-笔记(理解篇)
  • 玩转ESP32 PWM输出,制作炫酷呼吸灯效果
  • Leetcode495. 提莫攻击
  • 【键入网址到网页显示】
  • asp.net+sqlserver社区居民健康档案管理系统
  • InsCode体验报告