Iframe标签灵活使用与坑点

   使用可参考上文 :VUE系统内嵌其他页面的三种方法_vueiframe嵌套页面-CSDN博客

坑点 : 如果单页面使用缓存到浏览器是可以的, 但是如果打开多页面使用就会出现问题, 新数据会覆盖旧数据 , 其他已打开的 页面数据会错乱

解决方法 :(可在项目app页接收参数如:id之类,重新调后端接口获取数据 )

第一步:因为每次跳转的时候,都会先经过app页面 ,可在这最快拿到数据 ,包括token

      注意坑点:  逻辑函数尽可能在使用方法之前, 会避免不少错误报错

第二步:在请求拦截器中作判断赋值token , 注意坑点

第三步: (双重保险), 在导航守卫中, 可再做一层判断, 然后没有token则再重新调一次接口,重新赋值存值  , 避免再次刷新打开的多个页面时数据丢失 ( 此时的VUEX可拿到数据了 , )

缺点:  重复调登录接口会得到不同的token ,可能会有其他影响

      方法1: 与后端商量共同调整 

     方法2 : 当拿到第一次token的时候存一个当前时间戳 ,通过时间戳去记录token的时间                             (token过 期 时间) , 在token过期前的几分钟去比较, 当在时间戳内并且有token则                    不调登录接口 , 否则重新调登录接口 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值