如何将标头添加到 node-http-proxy 响应答案

【问题标题】：How to Add Headers to node-http-proxy Response如何将标头添加到 node-http-proxy 响应
【发布时间】：2016-04-13 13:18:37
【问题描述】：

我需要在第三方服务上解决CORS，所以我想建立一个代理来添加标题“Access-Control-Allow-Origin: *”。

为什么这段代码没有添加标题？

httpProxy = require('http-proxy');

var URL = 'https://third_party_server...';

httpProxy.createServer({ secure: false, target: URL }, function (req, res, proxy) {

  res.oldWriteHead = res.writeHead;
  res.writeHead = function(statusCode, headers) {
    /* add logic to change headers here */

    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');

    res.oldWriteHead(statusCode, headers);
  }

  proxy.proxyRequest(req, res, { secure: false, target: URL });

}).listen(8000);

【问题讨论】：

尝试使用模块cors, npm install cors

标签： node.js http https

【解决方案1】：

您有可用的proxyRes 事件。

所以这样的东西应该可以工作：

proxy.on('proxyRes', function(proxyRes, req, res) {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');
});

完整的工作示例（好吧，当我说完整时，我并不是说这是一个安全-故障安全-真实的代理，但它可以解决您的问题）：

var http = require('http'),
    httpProxy = require('http-proxy');
var proxy = httpProxy.createProxyServer({});
var server = http.createServer(function(req, res) {
    proxy.web(req, res, {
        target: 'https://third_party_server...',
        secure: false,
        ws: false,
        prependPath: false,
        ignorePath: false,
    });
});
console.log("listening on port 8000")
server.listen(8000);

// Listen for the `error` event on `proxy`.
// as we will generate a big bunch of errors
proxy.on('error', function (err, req, res) {
  console.log(err)
  res.writeHead(500, {
    'Content-Type': 'text/plain'
  });
  res.end("Oops");
});

proxy.on('proxyRes', function(proxyRes, req, res) {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');
});

【讨论】：

因此，您必须在res 中设置标题（您可以在proxyRes 事件或proxyReq 事件中设置）。不在这些事件的 proxyRes 或 proxyReq 参数中。
请注意，如果目标已经设置了 Access-Control-Allow-Origin，这似乎不起作用，因为当代理写入 res 时，您的自定义值将被覆盖。
它给了我错误“已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：它没有 HTTP ok 状态。”
嗯，这个答案来自 2013 年，情况可能有所改变。但我认为您的主要问题是您对 OPTION http 查询 It does not have HTTP ok status 没有 200 Ok 响应，这是另一个问题。

【解决方案2】：

对于那些将来遇到此问题的人，这里有一个更新的答案。结合 Michael Gummelt 的评论和 Nicholas Mitrousis 的回答，如果 proxyRes 中上游的响应具有相同的标头集，则 res 上设置的任何标头都将被覆盖。所以回答原来的问题：

proxy.on('proxyRes', function(proxyRes, req, res) {
 proxyRes.headers["access-control-allow-origin"] = "*";
 proxyRes.headers["Access-Control-Allow-Methods"] = "POST, GET, OPTIONS";
}

【讨论】：

【解决方案3】：

尽管这个问题很老，但它是 Google 的第一个结果，当前的答案并不能提供太多信息。

首先要注意的是proxyRes没有setHeader()方法。此外，如果您尝试用res.setHeader('Header-to-Override', 'new value') 覆盖proxyRes 标头，它将不起作用（我假设由于在触发此事件后标头从proxyRes 复制到res。

看来我们不是唯一遇到这个问题的人：https://github.com/http-party/node-http-proxy/issues/1401

这是我在我的情况下添加额外的 cache-control 标头的解决方案：

proxy.on('proxyRes', function(proxyRes, req, res) {
  if (proxyRes.headers['cache-control']) {
    proxyRes.headers['cache-control'] += ', proxy-revalidate'
  } else {
    proxyRes.headers['cache-control'] = 'proxy-revalidate'
  }
})

【讨论】：