首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用Angular2 Typescript和ServerJS访问.ENV属性

使用Angular2 Typescript和ServerJS访问.ENV属性
EN

Stack Overflow用户
提问于 2016-07-05 01:48:55
回答 2查看 2.8K关注 0票数 1

我已经通过了Angular2快速入门和教程,现在我正在尝试从一个实时的REST Api中提取数据。我需要在Api调用中传入身份验证参数,我读取的所有内容都表明我应该将这些参数放入ENV变量中。

我不知道我到底该怎么做。我已经在本地服务器上创建了一个.env文件,并使用NPM将dotenv安装到我的项目中,但是我能找到的关于如何使用dotenv的示例似乎都不符合我习惯的TypeScript导入语法。

这是我的main.ts:

代码语言:javascript
运行
复制
import { }              from 'dotenv/config';
import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';

bootstrap(AppComponent);

和一个示例app.component.ts:

代码语言:javascript
运行
复制
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文件是否仍然存在,或者它是否发生了变化?

EN

Stack Overflow用户

发布于 2016-12-09 18:14:05

我认为你需要初始化dotenv config方法:

代码语言:javascript
运行
复制
dotenv.config();

我通常的用法如下:

代码语言:javascript
运行
复制
import * as dotenv from 'dotenv';

//Later in your code
dotenv.config();

然后,您可以使用您的环境变量。

票数 2
EN
查看全部 2 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38189995

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档