为特定域名写入Cookie后localhost本地调试失败的解决方案咨询

针对本地localhost:4200代理无法读取uat.example.com域名Cookie的问题，可通过以下几种方案解决：

方案一：后端动态调整Cookie的Domain属性 #

在开发环境下修改后端Cookie配置：

• 若公司域名统一为example.com，将Cookie的Domain设为.example.com（前缀带点，支持所有子域名），同时本地通过Hosts映射将uat.example.com指向127.0.0.1，即可让本地请求匹配Cookie域名。
• 增加环境判断逻辑：当检测到请求来自本地开发地址（如http://localhost:4200）时，动态将Cookie的Domain设为localhost或留空（留空时浏览器会自动绑定当前请求的域名）。

方案二：本地Hosts映射域名 #

修改本地Hosts文件，将测试域名指向本地IP：

1. 打开Hosts文件：Windows路径为C:\Windows\System32\drivers\etc\hosts，Mac/Linux路径为/etc/hosts。
2. 添加一行映射：127.0.0.1 uat.example.com。
3. 前端项目启动后，通过http://uat.example.com:4200访问本地服务，此时请求域名与Cookie绑定的uat.example.com一致，可正常读取Cookie。

方案三：前端代理配置重写Cookie域名 #

利用前端开发服务器的代理功能，将响应中的Cookie域名重写为本地域名：

• Vite配置示例（vite.config.js）：

export default {
  server: {
    proxy: {
      '/context': {
        target: 'https://uat.example.com',
        changeOrigin: true,
        cookieDomainRewrite: 'localhost'
      }
    }
  }
}

• Webpack配置示例（webpack.config.js）：

module.exports = {
  devServer: {
    proxy: {
      '/context': {
        target: 'https://uat.example.com',
        changeOrigin: true,
        cookieDomainRewrite: 'localhost'
      }
    }
  }
}

配置后，代理服务器会自动将后端返回的Cookie域名从uat.example.com替换为localhost，本地请求即可正常读取。

方案四：浏览器临时调试修改 #

适合快速临时调试，无需修改代码或配置：

1. 打开Chrome开发者工具，切换到Application标签页。
2. 在左侧菜单找到Cookies -> https://uat.example.com。
3. 找到目标Cookie，双击Domain字段，将其修改为localhost。
4. 刷新页面后，本地请求即可携带该Cookie。

内容的提问来源于stack exchange，提问作者agaonsindhe