通过nginx代理vue，vue再访问后端时出错记录

项目场景：

项目场景：项目上线测试环境 使用nginx代理出现问题

---

问题描述

通过nginx代理vue，vue再访问后端时，后端地址被替换成为了代理地址
例如 ：
代理地址为 127.0.0.1:8081
前端访问地址为 127.0.0.1:8888
后端访问地址为 127.0.0.1:8066

此时，正常访问的后台接口应该为 127.0.0.1:8066/xxx/xxx,但我此时的情况是 127.0.0.1:8081/xxx/xxx

---

原因分析：

我理解的，前端发了请求，但是请求到的是nginx，然后由nginx转发给后端，所以最终到后端的端口还得是nginx决定,个人理解不一定正确，希望有大佬指正

---

解决方案：

这个时候需要更改nginx配置 以及前端项目配置，如下：

const request = axios.create(