如何实现Vue中登录状态的长尾词验证功能？

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

在Vue项目中实现用户登录和token验证，步骤如下：

1. 使用easy-mock新建登录接口，模拟用户数据。

2.使用axios请求登录接口，发送账号和密码。

3.接口验证账号密码，返回token。

4.将token存储，用于后续接口调用验证。

Vue项目中实现用户登录及token验证

先说一下我的实现步骤：

1. 使用easy-mock新建登录接口，模拟用户数据
2. 使用axios请求登录接口，匹配账号和密码
3. 账号密码验证后， 拿到token，将token存储到sessionStorage中，并跳转到首页
4. 前端每次跳转时，就使用导航守卫(vue-router.beforeEach)判断 sessionStorage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面。