Question

我需要为后端服务器创建代理才能与其进行通信。我已经成功设置了此设置，但是现在有2个地方需要在更改环境时更改变量。

我的版本：

Angular CLI 7.0.6
角形7.1.0

注意：：我正在使用代理服务器（有关设置，请参见Angular docs），我只想改进。

Proxy.conf.js

这是我当前的（并且正在工作！）config.js

const PROXY_CONFIG = {
  "/api/*": {
    "target": "https://url.to.somewhere/",
    "logLevel": "debug",
    "changeOrigin": true
  }
};

module.exports = PROXY_CONFIG;

我希望将此文件与Angular environment.ts 文件结合在一起。

我想要的

我想使用environment.ts文件中的变量来配置代理，所以我只需要维护我的environment.ts而不是两个文件（还有 proxy.conf.js >）。

与此类似的东西：

import {env} from 'environments/environment';

const root = env.BASE_SUFFIX + '/*'; // BASE_SUFFIX = '/api'

function getConfig() {
  const PROXY_CONFIG = {};
  PROXY_CONFIG[root] = {
    target: env.API_URL, // API_URL = https://url.to.somewhere/
    logLevel: "debug",
    changeOrigin: true,
  };

  return PROXY_CONFIG;
}

module.exports = getConfig();

我当前遇到的问题是environment.ts是一个Typescript文件，无法正确包含在javascript中，因为我的environment.ts文件中有一些import {foo} from 'bar'。

由于导入了ES6，因此const env = require(environments/environment.ts).env无法正常工作。

关于我应该怎么做的任何建议，或者这是不可能的，我应该只使用2个单独的文件吗？

具有env变量的Angular CLI代理

0 个答案: