关于vue的反向代理，pathRewrite属性无效的问题

Question

自己通过vue-cli3建立的项目，通过反向代理来发送请求，代码如下
vue.config.js

devServer: {
        port: 3000,
        // 设置代理
        proxy: {
            "/api": {
                target: "http://XXX:9000", // 域名
                // ws: true, // 是否启用websockets
                changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
                pathRewrite: {
                    "^/api": ""
                }
            }
        }
    }

util.js

const ajaxUrl = 'api';

util.ajax = axios.create({
    baseURL: ajaxUrl,
    timeout: 120000
});

这样运行的请求结果在浏览器上如下图

是带api的，我记得不是在pathRewrite属性里面这么写，就会替换成空么，我现在想得到去掉api的类似这种的请求http://localhost:3000/combination/pagehead，应该怎么做呀，请遇到这种问题的大佬指点下

Answer 1

改下 const ajaxUrl = '/api';
使用时
this.$http.get('/api/combination/pagehead')巴拉巴拉一大堆

Answer 2

我也遇到一样的问题。
解决办法:把pathRewrite属性放在target之前。
我是解决了,估计与顺序无关只是vue.config.js没更新

Answer 3

可以重新编译下 npm run build
虽f12看到的不是实际的

Answer 4

vue-cli3里面遇到了类似的问题，而且有时候可以访问，有时候不行，求解决方案？