vue-cli@4.5.0 工程即使 axios 响应时间设置了 6 分钟,但是浏览器还是在 2 分钟就显示连接失败

参考文章

解决vue中axios设置超时无效的问题
vue-cli proxyTable跨域请求

正文

  • 错误截图
image.png

依照上面找到的两篇不同的文章,最终推论出以下修改方法,亲测有效。

  • 修改 vue.config.js 文件的 devServer.proxy 中的每个代理地址(设置的 600000 是与 axios 中保持一直)
module.exports = {
  /**
   * 接口代理配置
   * 如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。
   * https://cli.vuejs.org/zh/config/#devserver-proxy
   * https://github.com/chimurai/http-proxy-middleware#proxycontext-config
   */
  devServer: {
    port: 9527,
    disableHostCheck: true,
    proxy: {
      '/jwt': {
        target: 'http://localhost:8765',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/jwt': '/jwt'
        },
        timeout: 600000
      },
      '/api': {
        target: 'http://localhost:8765',
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        },
        timeout: 600000
      }
    }
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容