登录时token的存储

1.token是什么？

是一种身份的标识,比如我们入住一家酒店,他会给我们一张房卡,房卡的期限是有时间限制的,只有持有房卡的人才能入住酒店。

2.jsCookie

 使用的方法

下包:

npm i  jscookie

导入:

 import Cookiejs from "js-cookie";

使用:

Cookie.js.set

Cookie.js.get

Cookie.js.remove

3.将token存储在vuex中

缺点:

将token存储在vuex中,vuex刷新就没了,需要解决刷新就没了的问题

代码:

 触发:

解决方法:

4.为什么把token放入Vuex中

因为在我们平常的操作做对于使用token是比较频繁的,操作量也比较大。

5.主页的token拦截处理

如果一个网站完成登录之后,在不退出登录的情况下,是不允许进入登录页的。

根据token来判断的

有token

如果要去的页面是login页

回到首页

其它页面呢

正常进入

没有token

如果进入的是不需要登录的页面

正常进入

如果去的页面是需要登录的

跳转到登录页面

代码的实现:

缺点:

有token一定登录了吗？

不一定,有token不一等登录,但是有用户信息是一定登录了。

6.401错误处理