如何用Vue获取并实现基于token的登录功能示例代码？

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

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

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

2.后端收到请求后，验证用户名和密码，验证成功则生成一个token，并将其返回给前端。

3.前端收到token后，将其存储在本地，并在后续请求中携带该token进行身份验证。

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

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

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

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

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