由于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);
}
);