找不到名称“进程”角度 5答案

【问题标题】：Cannot find name 'process' angular 5找不到名称“进程”角度 5
【发布时间】：2018-06-28 09:48:18
【问题描述】：

看到所有答案后，没有任何帮助...

baseUrl.interceptor.ts

 intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    let baseurl = process.env.baseurl || 'http://test.com/users';
    console.log(baseurl);

    return next.handle(req);
}

tsconfig.json

"typeRoots": [
  "node_modules/@types"
]

package.json

"dependencies": {
    "@angular/animations": "^5.1.0",
    "@angular/common": "^5.1.0",
    "@angular/compiler": "^5.1.0",
    "@angular/core": "^5.1.0",
    "@angular/forms": "^5.1.0",
    "@angular/http": "^5.1.0",
    "@angular/platform-browser": "^5.1.0",
    "@angular/platform-browser-dynamic": "^5.1.0",
    "@angular/router": "^5.1.0",

  },
  "devDependencies": {
    "@angular/cli": "1.6.4",
    "@angular/compiler-cli": "^5.1.0",
    "@angular/language-service": "^5.1.0",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.0.1",
    ...
    "ts-node": "~3.2.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }

还有以下错误：

请帮帮我...

【问题讨论】：

标签： node.js angular typescript process

【解决方案1】：

process 是一个变量，可让您访问您的服务器。

在任何情况下，您都不应该在您的 Angular 应用程序中使用它：它是为在您的 Node 服务器上使用而设计的。

如果您这样做，这意味着运行您的应用程序的任何人都可以看到您的环境变量。例如，这包括您的 API 密钥。

【讨论】：

我同意，process.env 通常是服务器端（节点）代码，它与 Angular 应用程序完全无关。
好吧，为什么它在我也使用“进程”的 VueJS 应用程序中运行良好......？（无 SSR）
因为 VueJS 是一个库，可帮助您创建服务器将提供的 HTML 视图，而 Angular 创建的 HTML 视图将替换 index.html 的内容。
那么您知道其他解决方案吗？可以添加到 webpack.config 中吗？
这将是我第四次告诉它，有一次我会停下来让你被黑。 您不要将您的服务器环境变量暴露在您的应用程序中！如果您想要一个简单的 url，那么您可以使用 environment.ts，这是在 Angular 中执行此操作的正确方法。

【解决方案2】：

我正在使用 dotenv 文件在 Angular 中设置我的环境，我不知道这是否与您的情况相同。这就是我请求我的环境变量的地方。

我在使用fs.writeFile 编译之前使用节点脚本动态设置环境文件。在那里我可以得到 process.env 并且感谢 'dotenv' npm 包。

【讨论】：