Vue3+Vite 服务器连接地址打包后配置怎么搞？

[ecloud]

帮我们组前端问的

[lizhisty]

让他自己问

[f056917]

服务器地址不是放到项目配置里面的吗，根据项目环境打包

[gzlock]

都是用相对路径的吧

[f056917]

或者打包的时候不要把服务器地址打包进去，后端在服务器上开个 nginx 代理

[ecloud]

@lizhisty 他不会翻墙😂

[Vegetable]

https://cn.vitejs.dev/guide/build.html#public-base-path

[JimmyB]

代码里根据不同的环境变量设置不同的 API BASE URL 。
和技术栈没关系。

[ecloud]

@JimmyB 似乎是有点关系的，以前在 vue2 上的方法现在行不通了

[ecloud]

@f056917 #4 这也没有，你的意思是服务器地址写前端机:port ，然后前端机转发这个到真正的后端机。实际上现在就是这么做的，但是这样的话当前端机 ip 变换的话，还是要重新打包。这是个内网应用，前端机还没 dnsname

[novaeye]

https://github.com/chenxch/vite-plugin-dynamic-base
这个 vite 插件配合 nginx ssi 可以帮到你

[thinkershare]

@ecloud 配相对地址, 前端和后端部署在一起

[gouflv]

说句难听的，像这种没法独立解决问题的开发，不管帮几次都是没用的

[rbq123456]

1.createHtmlPlugin 注入
2.npm run build 命令里面注入

[babyoung]

可以参考一下 https://github.com/byoungd/modern-vue-template

[ztc]

我做过 -> 在 public 文件夹底下新建一个公共 js 文件，配置 axios 请求地址、超时时间等

[gausszhou]

1. 直接用域名
2. 打包时修改， 使用 .env.production 或者 corss-env 配置
3. 打包后修改：在 public 文件写一个 config.js ，直接 在 index.html 中引入
4. 部署时修改：前端单独部署 docker ，在 docker 内的 nginx 中进行配置代理