axios 超时请求

axios 请求基本模式

axios({
    url: '连接地址 path参数直接放里面',
    method: 'post 默认是 get',
    params: '必须是一个无格式对象 query参数',
    data: '是作为请求主体被发送的数据 body参数',
    timeout: 1000,
    headers: 'object 发送的自定义请求头'

}）

    对于封装过的axios,需要单独为某个接口设置超时限制，写在最后

this.$request.post({

        ''aaa.bbb.bb'' ,//url

        data,//参数

        {timeout：5000}，//单独设置超时参数

})

封装axios 的超时请求如下

设定所有接口50s后超时

 导出

 

axios请求超时进行处理

在response拦截器的error里进行判断请求超时进行处理

error => {
    console.log("拦截器error",error);
    //网络超时异常处理
    if(error.code === 'ECONNABORTED' || error.message ===   "Network Error" ||  error.message.includes("timeout")){  
      Message({
        message: '请求超时，请稍后重试',
        type: "error",
        duration: 3 * 1000,
      })
    }
    return Promise.resolve(error.response);
  }