设置接口响应时间

最新推荐文章于 2024-11-11 08:28:27 发布

为什么我不是神经病

最新推荐文章于 2024-11-11 08:28:27 发布

阅读量4.3k

点赞数 5

CC 4.0 BY-SA版权

文章标签： vue 接口

本文链接：https://blog.youkuaiyun.com/qq_42655697/article/details/114941914

本文介绍了如何设置axios的全局超时时间以及针对单个请求的超时设置，并提到了在webpack开发环境下proxyTable的超时时间配置。通过示例代码和外部链接资源，为开发者提供了详细的配置步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.axios全局设置

axios.js中：
在这里插入图片描述
或者直接写：axios.defaults.timeout = 30 * 1000; // 30s

2.单独对某一个请求设置

在这里插入图片描述

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

  dev: {
    // Paths
    assetsSubDirectory: 'static', // 静态资源文件夹
    assetsPublicPath: '/', // 发布路径
    // 代理配置表，在这里可以配置特定的请求代理到对应的API接口
    // 使用方法：https://vuejs-templates.github.io/webpack/proxy.html
    proxyTable: {
      '/api': {
        timeout: 30 * 1000, // 请求超时时间
        target: '192.168.1.51', // 目标接口域名
        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
  },