Vue项目登录流程和token的存放位置

token存储

请求后端的接口，把手机号跟验证码都发给它，它给我们返回了结果，我们根据结果里的token，把它存起来。

1. token需要存储到状态管理里面去。这样做的目的是为了做一个变量的判断。变量是表示登录状态，如果状态有变化，那么界面上的内容也会跟着改变。

2. 然后就是存在cookie当中，给它设定好过期时间。

token需要存到cookie里面去。

路由守卫拦截

为了防止别人直接拿到了你的页面信息。然后拿着这个页面路径直接进入的时候，就需要报错。比如说它他没有登录，就直接进入了这个页面，这样肯定是不允许展示相关的内容的，需要让他跳转到登录界面。

请求拦截

把token放到header里面去，后端才能正确返回我们需要的信息。

真正的请求拦截不应该在这做，需要单独的封装一个请求类。然后把这个token给他封装进去。每发送一次这个请求都会把token带上。

参考资料：Vue项目登录流程和token的存放位置