vue中添加请求头配置解决Ie浏览器缓存未清除问题

vue配置请求头,设置请求拦截
项目中要求兼容ie浏览器,但是当使用Ie浏览器的时候,会出现数据更新了,但是接口请求数据不刷新的情况,如下关键代码可以解决

   if (config.method === 'get' || config.method === 'GET') {
    config.params = {
      _t: Date.parse(new Date()) / 1000,
      ...config.params
    }
  }
import axios from 'axios';
import {  Message } from "element-ui";
//import { baseURL } from './const';
import tool from '../utils/tools'

 // axios配置
const service = axios.create({
  //baseURL,
  timeout: 100000,
  withCredentials: true,
  headers: {
    timeZone: tool.getTimezone()
  }
});

// 添加请求拦截器
service.interceptors.request.use(config => {
  // console.log(config);
   //当使用Ie浏览器的时候,可能会出现数据更新了,但是接口请求数据不刷新的情况,加上下面这段代码即可
   if (config.method === 'get' || config.method === 'GET') {
    config.params = {
      _t: Date.parse(new Date()) / 1000,
      ...config.params
    }
  }
  return config;
}, error => {
  return Promise.reject(error);
})
 
// 添加响应拦截器
service.interceptors.response.use(response => {
  // console.log(response);

  const res = response.data;
  if (res.code !== 0) {
    if (res.code === 100 || res.code === 1007) {
      window.location.href = "" + "/";
      return res;
    }else if(res.code == 9999){
      Message.closeAll();
      Message.error(res.msg);
      return res;
    }else {
        Message.closeAll();
        Message.error(res.msg);
       return res;
    }
    return Promise.reject(res.message);
  } else {
      console.log(res)
    return res;
  }
}, error => {
    Message.error(error, 2.5);
   return Promise.reject(error);
})

export default service;

参考:https://blog.csdn.net/h5_since/article/details/108092294

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值