使用可参考上文 :VUE系统内嵌其他页面的三种方法_vueiframe嵌套页面-CSDN博客
坑点 : 如果单页面使用缓存到浏览器是可以的, 但是如果打开多页面使用就会出现问题, 新数据会覆盖旧数据 , 其他已打开的 页面数据会错乱
解决方法 :(可在项目app页接收参数如:id之类,重新调后端接口获取数据 )
第一步:因为每次跳转的时候,都会先经过app页面 ,可在这最快拿到数据 ,包括token
注意坑点: 逻辑函数尽可能在使用方法之前, 会避免不少错误报错
第二步:在请求拦截器中作判断赋值token , 注意坑点
第三步: (双重保险), 在导航守卫中, 可再做一层判断, 然后没有token则再重新调一次接口,重新赋值存值 , 避免再次刷新打开的多个页面时数据丢失 ( 此时的VUEX可拿到数据了 , )
缺点: 重复调登录接口会得到不同的token ,可能会有其他影响
方法1: 与后端商量共同调整
方法2 : 当拿到第一次token的时候存一个当前时间戳 ,通过时间戳去记录token的时间 (token过 期 时间) , 在token过期前的几分钟去比较, 当在时间戳内并且有token则 不调登录接口 , 否则重新调登录接口