使用Yeoman的angular-fullstack生成器时，如何访问前端的环境变量？

Question

我正在使用Yeoman的angular-fullstack生成器。

我想访问前端控制器中的一些环境变量（main.controller.js）。我知道如何设置环境变量的唯一方法如下：

服务器/配置/环境/ local.env.js

'use strict';

// Use local.env.js for environment variables that grunt will set when the server starts locally.
// Use for your api keys, secrets, etc. This file should not be tracked by git.
//
// You will need to set these on the server you deploy to.

module.exports = {
  DOMAIN: 'hidden',
  SESSION_SECRET: "hidden",
  // Control debug level for modules using visionmedia/debug
  DEBUG: 'hidden',
  CALENDAR_ID: 'hidden',
  API_KEY: 'hidden'
};

但是，据我所知，这只能让它在服务器上访问，但我希望它在前端。以下内容在我的前端控制器中不起作用：ENV.API_KEY和process.env.API_KEY。

我该怎么办？

Answer 1

这是服务器端文件，因此，您需要让客户端（浏览器）可以访问此文件，您需要确认此文件位于客户端可以直接访问的公共路径中，就像一般的Web ...您可以使用tag加载这个源文件和其他文件可以依赖它。