在开发阶段,我们只是需要一些假的数据;但是在开发完上线之后,我们就需要访问真正的后端服务了。
比如,开发阶段访问数据是访问本地的,URL是http://localhost:8088/teTypingResult/addTypingResult
但是生产环境的URL是demo-web/teTypingResult/addTypingResult
这样的话上线之前得手动改掉,要是忘记改了那就尴尬了。
仔细看看,这上面的两个路径只有前面的域名和端口不一样。这样,我们可以抽出一个变量来,然后拼接一下,
apiBaseURL+“/teTypingResult/addTypingResult”
然后apiBaseURL在编译的时候指定一个环境变量。
2.配置如下(盗的大漠老师的图)
3.angular-cli.json配置如下
4.service是这样用的
这样弄挺简单的,看看能不能运用到真正的项目中吧!