axios轮询请求阻塞封装加时间戳或者随机数

由于Chrome锁定了缓存,并在再次请求相同的资源之前等待上一个请求的结果,所以请求被阻塞,

解决方案:axios封装在请求中添加了一个参数,值为时间戳或者随机数 ,使请求具有唯一性

// 创建请求拦截
request.interceptors.request.use(
  (config) => {
    
    var user = JSON.parse(window.sessionStorage.getItem("user"));
    if (user) {
      var token = user.token
        config.headers["Authorization"] = `Bearer ${token}`
    } 
   
    // 设置请求头
    if(!config.headers["content-type"]) { 
      // 如果没有设置请求头 
      if (config.responseType === 'blob') {
        config.headers["content-type"] = "application/octet-stream;charset=UTF-8";
      } else {
        config.headers["content-type"] = "application/json;charset=UTF-8"; // 默认类型
      }
         }
         if (config.method === 'post') {
          config.data = {
            ...config.data,
             //paramRandom: Math.random(), // 随机数
            _t: Date.parse(new Date()) / 1000 // 时间戳
          }
        } else if (config.method === 'get') {
          config.params = {
            paramRandom: Math.random(), // 随机数
            ...config.params
          }
        }
   return config;
  },
  (error) => {
    Promise.reject(error);
  }
);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值