Vue登录流程

知识点：token存储、路由守卫拦截、请求拦截

一、前端存储token

• 存储到状态管理中==》为了做变量判断
• 存储到cookie中==》设定过期时间

二、请求拦截

发送请求，获取个人信息，前端需要带有token，后端则返回需要的信息

需要单独的封装一个请求类，将token封装进去

三、路由守卫拦截

防止别人直接拿到页面信息，当直接拿路径进入页面时就需要报错

（比如说，直接进入了一个页面没有登陆，则不能显示当前页面，需要跳转到登录页面）

路由守卫的相关代码需要在beforeRouteEnter中书写，判断目前的登陆状态和是否有cookie，

• 都没有就去登录页，
• 没有登录状态，有token，则重新更新token，
• 两者都有正常展示