如何将Vue获取token实现为长尾词的token登录方法？

本文共计1302个文字，预计阅读时间需要6分钟。

目录 + Vue获取Token + 实现Token登录 + 使用Token做登录验证的思路 + 实际步骤 + Vue中Token的处理 + 传统的Token处理 + Vuex的存储方法 + 项目中的Token处理方法 + Vue获取Token + 实现Token登录 + 使用Token进行登录验证

目录

• vue获取token 实现token登录
• 使用token做登录验证的思路大致如下
• 实际步骤
• vue中token的处理
• 传统的token处理
• VUEX的存储方法
• 项目中的token处理方法

vue获取token 实现token登录

使用token做登录验证的思路大致如下

1、在第一次登录的时候前端调用后端的接口，把用户名和密码传给后端。

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

3、前端收到后端传给的token值，将token存储在本地 loaclStorage和vuex中。（本次项目用的是vue框架，使用了vuex全局状态管理）

4、前端每次路由跳转，就判断localStorage中是否有token，如果没有就跳转登录页面，如果有就跳转到相应的页面。