将环境变量传递给 Angular2 应用程序?

2024-02-01

我需要将后端 url 传递到我的 Angular2 应用程序,因为生产服务器和开发服务器托管在不同的位置。

我知道我可以将这些东西存储在外部 config.json 中并在启动时加载。然而,在应用程序启动之前,这似乎是不必要的对服务器的额外调用。

或者,我现在所做的是创建一个全局变量,根据构建将其注入 gulp 中。我的应用程序不是一个需要可重用的库我不认为我应该点击意外全球名称冲突。但这不是一个好的做法。

我想知道是否有第三种更好的解决方案?


只需将变量放入环境对象中即可。

export const environment = {
  production: false,
  url: 'http://localhost:3000/api'
};

之后,您可以导入并使用它。 Angular Cli 将自动交换文件。

import { environment } from '../environments/environment';

附:变量在环境对象中可用。

this.url = environment.url
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将环境变量传递给 Angular2 应用程序? 的相关文章

随机推荐