咨询一个vue问题

前提
后台服务地址 172.16.23.147:9880
VUE 部署地址: 172.16.23.140:8088

为什么vue打包后,部署到nginx上,
明明指定的dev环境的api地址是172.16.23.147:9880
但是network看http请求 都是走的 vue部署地址/api/xxxx

就是这种 特性吗?必须自己在nginx配置代理转发到正确的后台服务地址吗?

还是哪的配置问题啊。刚接触vue.

2 Likes

肯定是接口里面定义/api/啦

这个就是ng 的反向代理啊 隐藏服务端

对,是用的axios baseurl = env.baseurl

那其实就是 vue 不管提供是dev环境包 还是 rel 环境 其实对后台来说没区别。

前端地址是/api,不用管。 配置一个方向代理, /api 指向172.16.23.147:9880 就行了,

如果你后端没跨域问题, axios baseurl = 172.16.23.147:9880

我不太理解的是 为啥 axios 配置了base 地址 他实际触发接口请求的时候不是 配置的地址+/path 而是走了 部署的nginx地址 +/path
但是 如果是没走baseurl 直接写死https://+域名+/path 就没这个逻辑。

dev是开发环境 具体要放配置代码才能看出来了

绝对路径,相对路径


大概懂了,就是本地调试有用,到服务器了就是由服务器去决定了。