vue-cli3的webpack-dev-server解决cookie跨域传输

后台的登录接口会set-cookie如图:



这样后端设置域是后端的域,无法写进本地的localhost,只需要onProxyRes回调函数拦截设置即可如图:

代码如下:

                onProxyRes (proxyRes, req, res){
                       const cookies = proxyRes.headers['set-cookie']
                       if (cookies) {
                       const newCookies = cookies.map(cookie=> {
                        return cookie.replace('xxx.cn', 'localhost')  //把后端设置的域xxx.cn替换成localhost
                       })
                      console.log(cookies);
                       delete proxyRes.headers['set-cookie']
                       proxyRes.headers['set-cookie'] = newCookies
                       }
                     }

最后在请求头可以看到:



然后查看cookie就可以看到啦。
后面的接口都会带上这个cookie,并且传到后台。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。