美文网首页
vue-cli@4.5.0 工程即使 axios 响应时间设置了

vue-cli@4.5.0 工程即使 axios 响应时间设置了

作者: sunxiaochuan | 来源:发表于2021-05-11 16:06 被阅读0次

    参考文章

    解决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
          }
        }
      }
    }
    

    相关文章

      网友评论

          本文标题:vue-cli@4.5.0 工程即使 axios 响应时间设置了

          本文链接:https://www.haomeiwen.com/subject/zrxndltx.html