设置客户端时间只要超过客户端时间，系统自动退回到登录页面；当未超过客户端设置的时间时调用接口，发现令牌过期了先调用更新令牌接口，然后再重新调用接口

我原来的token刷新方式是：登录获取过期时间，在每次调用接口的时候比较当前时间和过期时间如果调用接口的时候发现即将过期，刷新令牌获取新的时间；如果调用接口发现过期了退出页面。由于是有相似之处的所以我在此基础上进行修改。

1、在外置参数中设置愙户端时间

2、登录的时候存储客户端时间每次调用接口的时候判断有没有过期

3、登录的时候获取token令牌

5、如果获取到这个参数，则进行令牌刷新并在刷新以后再重新调用过期接口

1、在config.js 中设置客户端时间，此处设置7天过期

2、在登录的时候存客户端过期时间

//登录的时候设置客戶端过期时间
 

 3、每次调用接口的时候对客户端时间的判断
 


 

 


 //客户端时间过期（7天）就退出界面
 

 4、调用接口如果报401，并在response headers中携带token-expired参数调用囹牌刷新接口，获取新token存储并重新调接口
 


 

 


 

 


 //如果能走到这一步，说明客户端时间已经判断过再判断下token
 

 


 

 以上就算实现的代码思路了。
 


 

 那要怎么测试呢登录获取正常的令牌，然后用过期的令牌调用接口然后刷新令牌以后，需要用新的令牌再调用一次接口所以，我这边考慮在本地storage中加一个changToken的参数做判断登录以后changToken存入true。如果需要测试delete这个changeToken参数。删除以后调用任意接口都会使用一个过期的令牌。刷新令牌重新调用接口以后参数重新变成true。