解决vue项目在IE浏览器中的缓存问题

最近在做IE浏览器的兼容,虽然很麻烦,但可以丰富一下自己的经历还是很棒的
最新的一个问题是:在IE浏览器中,在做了某个操作(增删改查之类)之后项目理应重新调用接口请求得到新的数据,而实际上却根本没有重新调起请求,搜索了一下发现只要在接口上加上时间戳或随机数就行了
解决办法:

在每个接口上依次去加显然浪费时间给自己增加了太多的工作量,在main.js里添加请求拦截并给请求拼接上随机数即可实现。

// 添加请求拦截器
axios.interceptors.request.use(config => {
  if(config.url.indexOf('?')>-1){
    config.url=config.url+`&n=${encodeURIComponent(Math.random())}`
  }
  else{
    config.url=config.url+`?n=${encodeURIComponent(Math.random())}`
  }
  return config;
}, error => {
  return Promise.reject(error);
});
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值