vue项目之axios请求统一配置了超时时间,单独接口请求时重设超时时间

vue项目中axios请求统一配置了超时时间,单独接口请求时重设超时时间

根据官网推荐:axios中文文档

配置的优先顺序

配置会以一个优先顺序进行合并。这个顺序是:在 lib/defaults.js 找到的库的默认值,然后是实例的 defaults 属性,最后是请求的 config 参数。后者将优先于前者。
这里是一个例子:

// 使用由库提供的配置的默认值来创建实例
// 此时超时配置的默认值是 `0`
var instance = axios.create();

// 覆写库的超时默认值
// 现在,在超时前,所有请求都会等待 2.5 秒
instance.defaults.tineout = 2500;

// 为已知需要花费很长时间的请求覆写超时设置
instance.get('/longRequest’,{
    
    
	tineout:5000
});


统一配置默认超时时间:

const httpAxios = axios.create();//创建实例
let Config = {
    
    
	TIMEOUT: 6000,//设置超时时间为6秒
	baseURL: {
    
    
		dev: window.BASEURL_01,
		prod: ''
	}
};
httpAxios.defaults.timeout = Config.TIMEOUT;

默认请求时间接口请求:

export function newTaskAdd(data) {
    
    
  return request({
    
    
    url: '/api/taskPlan/add',
    method: 'post',
    data
  })
}

重设超时时间的接口请求:

export function newTaskAdd(data) {
    
    
  return request({
    
    
    url: '/api/taskPlan/add',
    method: 'post',
    timeout: 60 * 60 * 1000,
    data
  })
}

猜你喜欢

转载自blog.csdn.net/weixin_45665171/article/details/130928157
今日推荐