前端源码中需写死后端服务的地址吗

2022-06-29 13:23:20 +08:00
 among

本人非前端开发,遇到一个问题。

某台应用除了内网网段使用外, 外部用户也会通过一个反向代理来访问。

vue 的项目中,源码需要写死后端接口服务的 ip 和端口吗,当前是写死在源码中,导致这个应用发布后。只有内部可以用。

vue 中的项目中,是否可以使用相对路径的使用,访问后台,然后后台通过 nginx 的配置来实现转发到不同的服务。

如:

    location /api {
	client_max_body_size 1000m;
        proxy_pass http://127.0.0.1:59000;
        proxy_read_timeout 1200;

    }

前端同事不太了解这块,所以我来问下。

有没有什么现成的方法可以用。

5979 次点击
所在节点    Vue.js
26 条回复
huangqihong
2022-06-29 17:47:58 +08:00
@among 没有在 vue.config.js 中配置代理吗,还是用 axios 写死了 baseUrl ?
darknoll
2022-06-29 21:37:11 +08:00
就直接 /api/*****
2NUT
2022-06-29 23:11:26 +08:00
写死域名

域名后反代理真实服务器
lujiaosama
2022-06-30 10:46:27 +08:00
根据 node 环境(dev/test/prod)请求不同的域名 ,域名反向代理服务器. 服务器上 ng 配置怎么修改都不影响前端请求的.
among
2022-06-30 13:01:06 +08:00
在我的不断要求下,终于改好了。

看了下 git 记录,好像是这行,不确定对不对。

```
#VUE_APP_BASE_API = 'http://10.114.21.175:8765'
VUE_APP_BASE_API = ''
```

感谢各位。。
zhuweiyou
2022-06-30 13:02:52 +08:00
代码里一般是 /xxx/yyy 请求, webpack 或者 vite 里配一下 proxy 就好. 代码不用改, 不需要你那样配置 ENV

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/862910

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX