[email protected] 工程即使 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
      }
    }
  }
}

你可能感兴趣的:([email protected] 工程即使 axios 响应时间设置了 6 分钟,但是浏览器还是在 2 分钟就显示连接失败)