React Native Android设置Cookie后，模拟器Chrome无法查看该Cookie的问题

核心原因：应用Cookie存储完全隔离 #

Android系统里，每个应用都有独立的沙箱存储环境：

• 你用React Native的CookieManager设置的Cookie，存在RN应用专属的Cookie容器里（要么是RN内置网络模块的存储，要么是应用内WebView的存储）；
• 模拟器里的Google Chrome是独立的系统应用，它的Cookie存储在自己的专属数据库中，和RN应用的存储完全不共享。

所以哪怕你设置的是同一个域名的Cookie，因为存储容器不同，Chrome里根本看不到RN应用设置的内容。

你对Cookie机制的误解点 #

你认为“为http://localhost:5000设置的Cookie会在该Web应用生效”，这个逻辑是对的，但有个前提：必须在同一个Cookie存储容器内。比如在RN应用内用WebView加载http://localhost:5000，这个WebView会使用RN应用的Cookie存储，就能读取到你设置的X-Auth Cookie；但Chrome是另一个容器，自然不生效。

验证与解决方法 #

验证RN设置的Cookie是否有效 #

在RN应用中嵌入一个WebView组件，加载http://localhost:5000，然后在WebView的页面中执行console.log(document.cookie)，就能看到你设置的Cookie。

让Chrome获取到该Cookie的方式 #

• 手动添加：在Chrome开发者工具的Application面板，直接给http://localhost:5000添加对应的Cookie；
• 后端设置：让你的后端服务在响应请求时，通过Set-Cookie响应头返回X-Auth Cookie，这样Chrome访问该域名时会自动存储这个Cookie。

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