在项目中,所有请求都是走统一封装过的axios,统一设置了超时时间:

const service = axios.create({
    baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
    timeout: 1 * 60 * 1000 // request timeout (ms)
})

但是有一个接口耗费时间巨长,网络不好时经常会超时,改统一设置的超时时间感觉不太好,所以想针对这个请求单独设置超时时间。

以下是普通请求:

// 修改文件名称
export function aaa(data) {
    return request({  //request里封装了axios
        url: `/aaa/bbb/ccc`,
        method: 'post',
        data
  })
}

单独设置请求超时时间:

export function bbb(data, applyNo) {
    return request({
        url: `/aaa/bbb/ddd`,
        method: 'post',
        headers: { // 可直接在请求头上添加属性
            'ApplyNo': applyNo 
        },
        timeout: 3 * 60 * 1000,
        data
  })
}

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐