使用Angular2 Typescript和ServerJS访问.ENV属性
使用Angular2 Typescript和ServerJS访问.ENV属性
提问于 2016-07-05 01:48:55
我已经通过了Angular2快速入门和教程，现在我正在尝试从一个实时的REST Api中提取数据。我需要在Api调用中传入身份验证参数，我读取的所有内容都表明我应该将这些参数放入ENV变量中。
我不知道我到底该怎么做。我已经在本地服务器上创建了一个.env文件，并使用NPM将dotenv安装到我的项目中，但是我能找到的关于如何使用dotenv的示例似乎都不符合我习惯的TypeScript导入语法。
这是我的main.ts：
import { } from 'dotenv/config';
import { bootstrap } from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';
bootstrap(AppComponent);和一个示例app.component.ts：
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<h1>Up and running!</h1>
<p>Do not show this at home: {{process.env.TWITTER_CONSUMER_KEY}}</p>
`,
styleUrls: ['style.css']
})
export class AppComponent {
}任何帮助都将不胜感激。我已经离开编程循环一段时间了，这一切对我来说都是新的。
额外的问题是，当我转到实时服务器时，.env文件是否仍然存在，或者它是否发生了变化？
回答 2
Stack Overflow用户
发布于 2016-12-09 18:14:05
我认为你需要初始化dotenv config方法：
dotenv.config();我通常的用法如下：
import * as dotenv from 'dotenv';
//Later in your code
dotenv.config();然后，您可以使用您的环境变量。
Stack Overflow用户
发布于 2016-10-06 15:13:13
我也有同样的问题。找不到合适的解决方案，所以我这样做了：
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<h1>Up and running!</h1>
<p>Do not show this at home: {{twitterConsumerKey}}</p>
`,
styleUrls: ['style.css']
})
export class AppComponent {
public twitterConsumerKey:string;
ngOnInit() {
this.twitterConsumerKey = process.env.TWITTER_CONSUMER_KEY;
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38189995
复制相关文章
相似问题
腾讯云开发者
