如何将Vue获取token的示例代码改写为支持长尾词的token登录？

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

使用token进行登录验证的思路大致如下：

1.在第一次登录时，前端调用后端接口，将用户名和密码传递给后端。

2.后端接收到请求后，验证用户名和密码，验证成功则生成一个token。

3.后端将token返回给前端。

4.前端将token存储在本地，后续请求携带token。

5.后端接收到请求后，解析token，验证其有效性。

6.验证成功，请求继续执行；验证失败，返回错误信息。

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

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

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

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

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