vue.config.js中proxy配置

Posted 2023-04-11

参考技术A 进行了上方的配置后，在本地发送的请求会变为

而后可以设置只监听 "/api" 的代理，不过要设置pathRewrite参数：

本地请求 http://localhost:8080/api/zzz/one =>
代理后请求 http://XX.XX.XX.XX:8084/api/zzz/one =>
设置pathRewrite后的请求 http://XX.XX.XX.XX:8084/zzz/one
所以代理完成后真正发送给后端的请求就是 http://XX.XX.XX.XX:8084/zzz/one 啦。
1.统一给请求添加/api方便监测代理 2.统一删去/api发送正确的请求

vue-cli3.x vue.config.js 跨域配置

devServer: {
        open: true, //浏览器自动打开页面
        host: "0.0.0.0", //如果是真机测试，就使用这个IP
        port: 8911,
        https: false,
        hotOnly: false, //热更新（webpack已实现了，这里false即可）
        proxy: {
            //配置跨域
            ‘/api‘: {
                target: "http://139.224.234.237:3000/api",
                ws:true,
                changOrigin:true,
                pathRewrite:{
                    ‘^/api‘:‘/‘
                }
            }
        }
    }

//调用
this.$http.get(‘/api/order/getOrder‘)
        .then(res => {
          console.log(res.data);
        })
        .catch(err => {
          console.log(err.data.message);
        });

参考：

https://blog.csdn.net/weixin_43067157/article/details/82079792?utm_source=blogxgwz0