vue项目中axios请求统一配置了超时时间，怎样在一个单独接口请求时重设超时时间

最新推荐文章于 2025-04-22 15:32:00 发布

原创最新推荐文章于 2025-04-22 15:32:00 发布 · 1w 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

vue.js 专栏收录该内容

46 篇文章

订阅专栏

本文介绍了如何在项目中统一设置axios的默认超时时间和如何在特定接口请求中重置超时时间。通过创建axios实例并配置TIMEOUT属性，同时展示了两种不同场景下的API调用方式。

统一配置默认超时时间：

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

项目中普通api接口请求：

export function postRefresh(data) {
  return request({
    url: '/api/operation/payoutOrder/refresh',
    method: 'post',
    data
  })
}

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

export function postRefresh(data) {
  return request({
    url: '/api/operation/payoutOrder/refresh',
    method: 'post',
    timeout: 100 * 1000,
    data
  })
}