angular 生产环境发布后怎么改环境配置？

Question

angular 生产环境发布后怎么改环境配置？

例如修改angular连接的webapi地址。

由于angular是编译后的代码，无法直接对api地址进行修改。

如何像java .net 那样可以有一个配置文件，对打包后的代码调整配置参数？

我知道angular有环境变量，但那个是死的，如果需要把项目部署到多个客户环境中，每次都需要重新编译，这是很不方便的。

Answer 1

你现在URL是怎么写的？贴点代码出来

Answer 2

现在环境变量里面environment.prod.ts

export const environment = {
  production: true,
  api:"http://localhost/"
};

但这种方式不便于生产环境的配置调整

Answer 3

我也遇到了同样的问题，请问现在解决了吗

Answer 4

assets里建个config文件,项目里引入一下呢

Answer 5

前端代码是运行在客户端的浏览器里面,和服务器端代码不同,服务器端一般是在server的操作系统配置一个环境变量,然后同一份代码可以在运行的时候根据变量选择不同config文件,但是前端代码你无法在每一个客户端浏览器上配置一个环境变量.所以这就决定了你的打包好的前端代码必须要是已经根据环境变量编译好的代码.
不同的生产环境一般情况下使用不同的environment文件做不同的配置,在package.json里面针对每个环境写好script,然后deploy到不同的URL里面去.
省事的办法是做好CI/CD,pipeline之类的配置好,那么就可以一个commit所有环境自动编译打包发布了.