vue cli3 配置了代理跨域无效的解决

前沿:不得不说是真的坑的一匹,搞了半天没搞出来,一直在踩坑中.......

不要设置axios的baseUrl

就是这个玩意: axios.defaults.baseURL = "http://cct.app.xxxxxxxx.top/";

然后就可以了

下面介绍一哈如何在vue cli3 中设定代理:

与main.js同级新建一个vue.config.js的文件

module.exports = {
    devServer: {
        port: 8382,
        https: false,
        hotOnly: true, //是否开启热更新
        open: true, //配置自动启动浏览器
        proxy: {
            "/": {
                target: "http://cct.app.xxxxxxxx.top/", //目标主机
                ws: true,//是否代理websockets
                changeOrigin: true ,  // 设置同源  默认false,是否需要改变原始主机头为目标URL
                pathRewrite: { 
                    "^/": "/"
                  }
            }
        }
    }
};