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 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...