angular根据environments配置文件更改环境

在开发阶段,我们只是需要一些假的数据;但是在开发完上线之后,我们就需要访问真正的后端服务了。

比如,开发阶段访问数据是访问本地的,URL是http://localhost:8088/teTypingResult/addTypingResult

但是生产环境的URL是demo-web/teTypingResult/addTypingResult

这样的话上线之前得手动改掉,要是忘记改了那就尴尬了。

仔细看看,这上面的两个路径只有前面的域名和端口不一样。这样,我们可以抽出一个变量来,然后拼接一下,

apiBaseURL+“/teTypingResult/addTypingResult

然后apiBaseURL在编译的时候指定一个环境变量。

1.environment增加一份配置文件


2.配置如下(盗的大漠老师的图)



3.angular-cli.json配置如下


4.service是这样用的


这样弄挺简单的,看看能不能运用到真正的项目中吧!

猜你喜欢

转载自blog.csdn.net/ningmengbaby/article/details/80043232