真实的登录

只有 登出 时 才会 删除 local Storage 中的 token

token的作用 就是 就是 用户 登录后

路径通不通 由 登录后 state 状态hasLogin 来决定

对于 token 过期问题

对于 每次重新登录 后 返回的 token 都是 更新的 所以 不可能与上次一样 重合

再 登录 后 没有进行退出 的操作

只有 当 登出的操作 触发 时 则 才会触发将 所有位置的token 数据 全都删除

获取 用户数据 如果 后端检测 token不一样
跳转到 登录 页 重新进行登录

bug

前端 向后端传 header token 传不过去 提示警告 大体意思 是 请求发不出去

解决 (跨域相关)

通过 对 后端 一个权限的 修改 然后 允许 前端进行 传递token

一般返回的数据和header 再接受的response 中 一般 是存在的

所以 又有一个 因为 没有返回权限 所以没有办法返回 token 也就获取不到token

登录流程

     前端（用户）                                             后端（服务器）

用户 输入用户名 密码 ----------点击登录----------------验证输入信息
后端去 检查输入信息是否正确
当正常时 通过 则返回成功登录状态
同时 还需要给 前端一个 token

当返回登录状态为 true

获取到 token
用户判断返回的登录状态
当 true时 再去获取用户详细信息
当false 跳转到 登录页
（说来说去 还是就是前后端 通过各自的逻辑状态 进行沟通）
（前端 就是根据 后端返回的状态 等信息 来根据
某些返回的状态信息 判断 下一步要做的事情）

如果 登录状态为true 再去利用toen
将 token 加入到 header ----------------请求--------------- 后端验证 当前的 token 是不是之前给到用户的token
token 一样 true 时
返回 用户详细信息

当 返回 登录状态 为false

可能出现的情况 有------------------------对相应的 情况 后端都进行检测后给出 对应的msg 提示
已经注册后
手机号输错
验证码输错

没有注册
登录 为未注册

通过获取 返回的，msg 做提示

由于后端 所有的返回status 都会是 200 所以已经没有办法通过 status 进行 精准判断 所以要通过过其他特征的字段来判断

简单的登录流程

本地存储 现在 有很多形式 有 cookie seesion localS

用到 vuex localS

因为需要对 登录状态 做一个精准的 确定 并进行管理全局
缺点

locaS 被用到 一个最大的优点 就是因为 他的存储空间大 各种操作 都不会消失 除非主动去删除

而vuex 虽然 可以管理全局 但是因为 一刷新 就会删除 记录 这导致用户 不小心刷新后 造成页面中 很多东西不对了

所以 locas 解决了问题

获取到的token cong header 中 拿到 放到 localS 还有 vuex

为什么要放到 vuex token ？？？？？

因为 之后我们需要将token 放到header中 许哟啊获取使用

唯一用到的 就是 再拦截 请求响应时 判断当前 是不是又token
如果 前端 真的要判断 token 一不一样 时 还是要 使用到 保存再本地的 token

通过 登录 成功后 获取到token 判断当前 token shibushi

用到locaS

同事 再登录时

遗留问题
token 保存在vuex 什么时候会用到 还有 登录获取到token 以后 我们每次的请求 都要加入header 传递token

没有做的 就是还需要把 每个请求 都带上token 也就是把 instance 接口 给所有的请求