Vue项目代理配置与响应标头的Set-Cookie的冲突怎么办?-灵析社区

嚯嚯嚯嚯嚯嚯

尝试通过 Set-Cookie 标头设置 cookie 的操作被禁止了,因为此标头的"Domain"属性对当前的主机网址而言无效 VUE 项目,proxy 配置如下: devServer: { // 方式一 proxy:process.env.VUE_APP_API_BASE_URL // 方式二 // proxy:{ // '/': { // target:process.env.VUE_APP_API_BASE_URL, // changeOrigin: true // } }, proxy 是生效的,请求也能正常发出,但是因为相应表头Set-Cookie 中包含 Domain=haier.net,导致线上运行没问题,本地运行就会有这个错误提示:尝试通过 Set-Cookie 标头设置 cookie 的操作被禁止了,因为此标头的"Domain"属性对当前的主机网址而言无效。 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241025/6c185245bf8e82c4648c7891cc0f36e0.png) 我的理解因为Domain的值和浏览器当前地址栏的地址不匹配造成的,但通过 proxy 代理就是为了在本地调试,肯定是localhost 而不是他返回的线上地址呀,这个应该怎么解决?

阅读量:32

点赞量:0

问AI
小飞侠007
案例: proxy: { '/api': { target: 'http://localhost' changeOrigin: true, cookiePathRewrite: { '*': 'http://localhost:8080' }, cookieDomainRewrite: { '*': 'localhost:8080' }, pathRewrite: { ['^']: '' } } 实现: proxy: { '/': { target: process.env.VUE_APP_API_BASE_URL, changeOrigin: true, cookieDomainRewrite: 'localhost' } }