Vue中如何具体实现登录状态的验证机制？

本文共计1229个文字，预计阅读时间需要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 ，没有就跳转到登录页面，有则跳转到对应路由页面。