vue devServer proxy 代理无效的问题

Posted ztgzlu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue devServer proxy 代理无效的问题相关的知识,希望对你有一定的参考价值。

在vue.config.js中,设置

module.exports = {
  publicPath: ‘/app‘,
  devServer: {
    proxy: {
      ‘/test‘: {
        target: ‘http://localhost:88‘,
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          ‘^/test‘: ‘/‘, // rewrite path
        },
      }
    }
  }
}
axios
this.axios.post(‘/test‘).then(value => {
        console.log(value);
      })

  这样设置后,却访问不到,原因是,后台也要有 test字段,  这样设置后,后台访问的URL为: http://localhost:88/test  ,而不是  http://localhost:88

以上是关于vue devServer proxy 代理无效的问题的主要内容,如果未能解决你的问题,请参考以下文章

vue配置反向代理 devServer配置proxy

《vue》设置代理服务器devServer 的 proxy

Vue-cli3 devServe.Proxy 多地址爬坑记

devServer 代理缺少 URL 部分

vue config devServer 代理在开发模式下不起作用

vue-cli使用proxy代理