webpack-dev-server 代理接口 set-cookie 失效问题解决

原创
前端路迹
2022-7-25 12:37
编辑于 2022-10-19 08:47

webpack dev server的proxy配置,是使用了 http-proxy-middleware,通过 onpRroxyRes 配置可以,修改 response 的headers。

{
  proxy:{
    onProxyRes: function(proxyRes) { 
          proxyRes.headers['set-cookie']=proxyRes.headers['set-cookie'].map(item=>{
        return item.replace('secure; SameSite=None;','')
            })
        }
    }
}

注意不同版本的webpack 配置名称略有差别。比如最新(webpack 5)的配置如下,但是内部修改response方式是相同的。

  on: {
    proxyReq: (proxyReq, req, res) => {
      /* handle proxyReq */
    },
    proxyRes: (proxyRes, req, res) => {
      /* handle proxyRes */
    },
    error: (err, req, res) => {
      /* handle error */
    },
  },
转载请注明出处。本文地址: https://www.qinshenxue.com/article/webpack-proxy-change-response-cookie.html
关注我的公众号