首页 前端知识 vue的axios配置超时时间;单个接口配置响应时间

vue的axios配置超时时间;单个接口配置响应时间

2024-09-09 00:09:44 前端知识 前端哥 368 537 我要收藏

vue项目中axios请求统一配置了超时时间,单独接口请求时重设超时时间
根据官网推荐:axios中文文档

1.配置的优先顺序

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

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

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

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

2.统一配置默认超时时间:

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

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18000.html
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!