如何在proxy.config.json文件中为angularcli项目设置代理头

时间:2017-04-24 15:00:58

标签: proxy angular-cli

我正在尝试为angularcli设置代理标头。这是我目前在proxy.config.json文件中的内容:

"/api": {
    "target": "https://applications.str.coni.com/api",
    "secure": false,
    "logLevel": "debug"

但到目前为止我没有运气,也许我错过了一些东西(可能在另一个文件中)。任何建议都会非常感激。

2 个答案:

答案 0 :(得分:8)

Angular-cli使用http-proxy-middleware https://github.com/chimurai/http-proxy-middleware

您可以使用名为headers的选项:https://github.com/chimurai/http-proxy-middleware#http-proxy-option

示例:

"/api":
  {
    "target": "https://applications.str.coni.com/api",
    "secure": false,
    "logLevel": "debug",
    "headers": {"host":"www.example.org"}
  }

答案 1 :(得分:4)

您可以使用@AhmedMusallam的代码轻松修改请求和响应标头,但是对于响应标头,您需要将文件更改为 proxy.config.js 并修改代理配置文件看起来像这样:

const PROXY_CONFIG = {
  "/api": {
      "target": "https://applications.str.coni.com/api",
      "secure": false,
      "logLevel": "debug",
      "onProxyRes": function (proxyRes, req, res) {
        proxyRes.headers['Access-Control-Allow-Headers'] = 'Authorization';
      },
    },
};

module.exports = PROXY_CONFIG;