Webpack-dev-server 处理代理标头

Question

当 webpack-dev-server 代理到我的产品环境时，我遇到了问题。生产服务器向我发送“set-cookie”标头，但它是一个数组，我在浏览器中的开发服务器响应中没有看到它。

此外，当我调试时，我看到很多来自产品服务器的标头，但浏览器中并未包含所有标头。如何使 webpack-dev-server 按原样绕过所有标头。

谢谢。

Answer 1

在许多情况下，应自动将标头从代理响应复制到 http-proxy-middleware 发送到浏览器的响应中。大多数代理实现的默认行为是转发标头。

但是，您可以使用标头拦截来自代理的所有响应并检查/修改它们。

proxy: {
                "**": {
                    target: "http://localhost:8000", // Proxy to backend
                    changeOrigin: true,
                    secure: false,

                    // This handles responses
                    onProxyRes: function (proxyRes, req, res) {
                       
                        // Get all headers from proxy response and write them out to console
                        Object.keys(proxyRes.headers).forEach((key) => {
                            console.log(`${key}: ${proxyRes.headers[key]}`);
                        });
                    }
                },