vue 设置代理

Posted 2023-02-25

参考技术A

原文： https://www.jianshu.com/p/5ef2b17f9b25

这里的vue代理是 vue静态服务器做代理。使用的是 http-proxy-middleware 这个模块（这个模块相当于是node.js的一个插件）。

注:
1、我的 api=\'/rng\'
我的请求地址 $api/xxxx/xxx ，请求地址就为 \'/rng/xxxx/xxx\'
当node服务器 遇到 以 \'/rng\' 开头的请求 ，就会把 target 字段加上，那么我的请求地址就为 http://45.105.124.135:8081/rng/xxxx/xxx

2、 pathRewrite 意思是 把 /rng 替换为 空，那么我的请求地址就为 http://45.105.124.130:8081/xxxx/xxx （用在如果你的实际请求地址没有 rng 的情况）（对这一块的理解不太透彻，即使把\'/rng\' 的名重写成了\'/\' 但是在请求的接口里也会显示 \'/rng\'）