node.js - webpack开发服务器: TypeError: The header content contains invalid characters

Question

我有一个 webpack 应用程序，并且我在开发模式下使用 webpack 开发服务器来运行该应用程序。我还使用代理将我的请求代理到实时环境。

该应用程序之前使用 Node v4.3.2 运行，没有任何问题，该应用程序运行良好并且代理正确。我今天将 Node 升级到了 7.0.0 版本，这样我就可以增加对 es6 的支持。现在运行应用程序时，我的所有请求都收到以下错误:

webpack: bundle is now VALID.
_http_outgoing.js:360
throw new TypeError('The header content contains invalid characters');
^

TypeError: The header content contains invalid characters
at ServerResponse.setHeader (_http_outgoing.js:360:11)
at /home/jason/dev/frontend-tsm-holiday-results/node_modules/http-      proxy/lib/http-proxy/passes/web-outgoing.js:96:13
at Array.forEach (native)
at Array.writeHeaders (/home/jason/dev/frontend-tsm-holiday-results/node_modules/http-proxy/lib/http-proxy/passes/web-outgoing.js:90:35)
at ClientRequest.<anonymous> (/home/jason/dev/frontend-tsm-holiday-results/node_modules/http-proxy/lib/http-proxy/passes/web-incoming.js:157:20)
at emitOne (events.js:96:13)
at ClientRequest.emit (events.js:188:7)
at HTTPParser.parserOnIncomingClient [as onIncoming] (_http_client.js:473:21)
at HTTPParser.parserOnHeadersComplete (_http_common.js:99:23)
at TLSSocket.socketOnData (_http_client.js:362:20)
at emitOne (events.js:96:13)
at TLSSocket.emit (events.js:188:7)
at readableAddChunk (_stream_readable.js:176:18)
at TLSSocket.Readable.push (_stream_readable.js:134:10)
at TLSWrap.onread (net.js:551:20)

我在谷歌上搜索了一下，发现了一些关于这个问题的引用，但我不确定错误来自哪里以及为什么？这似乎是 http_proxy 的问题，但我不确定它来自哪个模块。

我的 webpack npm 配置是:

"webpack": "^1.13.2",
"webpack-dev-middleware": "^1.6.1",
"webpack-dev-server": "^1.14.1",
"webpack-fail-plugin": "^1.0.5",
"webpack-hot-middleware": "^2.12.2",
"webpack-merge": "^0.14.1"

Answer 1

在开发环境中解决此问题的快速方法是编辑实际的 node_modules/http-proxy/lib/http-proxy/passes/web-outgoing.js 并替换该行

res.setHeader(String(key).trim(), header);

类似的东西

      try {
        res.setHeader(String(key).trim(), header);
      } catch (err) {
          console.log(key, header);
      }

正确的解决方法是停止从您代理的服务器发送无效字符，或者升级到 WebPack 2.x。