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

前端之家收集整理的这篇文章主要介绍了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是这样用的


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

猜你在找的Angularjs相关文章