ie中运行vue项目接口缓存问题

1,621 阅读1分钟

今天在开发vue项目于ie浏览器测试的时候发现,用户在登录之后,调用接口依然获取不到当前登录用户的信息

后来发现接口状态码304,IE浏览器中get请求方式在初次请求之后再次请求同样接口,就会从缓存中提取数据

项目脚手架:vue-cli3

图片
ie截图

采取接口添加时间戳方法禁止ie从浏览器中提取缓存(有好的方法可以给我说一下,555……)

<!-- 开发、生产地址区分 -->
let config = {
  baseURL: process.env.NODE_ENV === 'production' ? 'http://192.168.1.56/api' : '/dev',
};

_axios.interceptors.request.use(
  function(config) {
    <!-- 添加时间戳 -->
    config.url = config.url + (config.url.indexOf('?') > 0 ? '&' : '?') + `cb=${new Date().getTime()}`;

    return config;
  },
  function(error) {
    return Promise.reject(error);
  }
);

结语:前端初入门,入门深似海,大佬轻喷