1.axios全局设置网络超时

axios.defaults.timeout = 30 * 1000; // 30s

2. 单独对某个请求设置网络超时

axios.post(url, params, {timeout: 1000})
  .then(res => {
    console.log(res);
  })
  .catch(err=> {
    console.log(err);
  })
})

3.webpack的dev的proxyTable的超时时间设置

  dev: {
    // Paths
    assetsSubDirectory: 'static', // 静态资源文件夹
    assetsPublicPath: '/', // 发布路径
    // 代理配置表,在这里可以配置特定的请求代理到对应的API接口
    // 使用方法:https://vuejs-templates.github.io/webpack/proxy.html
    proxyTable: {
      '/api': {
        timeout: 30000, // 请求超时时间
        target: 'http://127.0.0.1:3006', // 目标接口域名
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '' // 重写接口
        }
      },
    // Various Dev Server settings
    host: 'localhost', // can be overwritten by process.env.HOST
    port: 4200, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
  },

 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐