着手这个问题首先得了解token数据是什么。
这里不做过多赘述,如果不太懂token的读者老爷,可以阅读博主之前发的文章:Vuex数据持久化---token(个人理解)_m0_58447769的博客-CSDN博客
那么接下来言归正传,
token数据失效问题的根源
token数据是由后端服务器响应给客户端的,且一般情况下,后端哥们都会给token数据设置一个失效时间。
那么问题就在于,一旦token数据失效。相对应的,网站内的所有资源请求的请求头(也就是token)也都会失效。这将导致用户的网站显示页面一直停留在当前,严重影响用户体验。
解决方案
(1)在token失效后,对于服务器的响应结果,一般情况下前端和后端会就code的值做一个约定,这里我们对于token超时导致的请求异常的code返回值 约定为10002。