React Native：Web View Cookie认证请求异常问题

1. WebView与Native网络栈的Cookie存储完全隔离 #

React Native里，WebView的Cookie存在WebKit专属存储中，而Axios依赖的是系统原生网络栈（Android用OkHttp，iOS用NSURLSession），两者的Cookie池完全独立。本地调试时可能因为Chrome DevTools同步了Cookie，或是本地接口未严格校验Cookie，才表现正常；但测试环境下，WebView设置的Cookie根本无法被Axios的Native请求读取。

2. Cookie的SameSite属性限制跨站携带 #

测试环境的Keycloak大概率将Cookie的SameSite属性设为Strict或Lax，如果后端接口与Keycloak不是同一域名，Axios发起跨站请求时，这类Cookie会被WebKit拦截。而localhost环境下，浏览器默认放宽了SameSite限制，所以本地无此问题。

3. Cookie的Domain配置不匹配 #

测试环境中Keycloak设置的Cookie Domain可能仅指向自身域名（比如auth.test.com），但后端接口域名是api.test.com，这种情况下Axios请求api.test.com时，不会携带Domain为auth.test.com的Cookie。本地所有服务都在localhost，Domain设为localhost或未指定，自然能共享Cookie。

4. HTTPS环境下的Secure Cookie冲突 #

测试环境如果是HTTPS，Keycloak会给Cookie添加Secure属性（仅允许HTTPS传输）。若Axios请求误用HTTP，或是测试环境的HTTPS证书不被Native系统信任，Native网络栈会拒绝携带该Cookie。本地用HTTP时，Secure属性直接被忽略，所以Cookie能正常使用。

5. 后端跨域配置存在问题 #

测试环境的后端可能未开启Access-Control-Allow-Credentials: true，或是将Access-Control-Allow-Origin设为*（这两项不能同时生效）。本地是同源请求，无需跨域配置，因此未触发该问题。

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