如何禁用React Native中fetch请求的磁盘缓存功能

问题根源 #

React Native Android端的fetch API底层依赖OkHttpClient实现，默认情况下OkHttpClient会启用磁盘缓存，响应头（包括set-cookie字段）会被明文写入本地缓存文件，这就是你遇到的核心问题。请求头层面的Pragma: no-cache或cache: no-cache仅作用于服务器响应策略，无法控制客户端磁盘缓存行为。

解决方案：自定义OkHttpClient禁用磁盘缓存 #

直接修改React Native默认的OkHttpClient配置，完全禁用磁盘缓存，并强制所有请求走网络：

1. 在你的Android项目的MainApplication.java中添加如下代码：

import okhttp3.OkHttpClient;
import okhttp3.CacheControl;
import com.facebook.react.modules.network.OkHttpClientProvider;
import com.facebook.react.modules.network.ReactCookieJarContainer;

@Override
public void onCreate() {
    super.onCreate();
    // 获取默认OkHttpClient构建器
    OkHttpClient.Builder clientBuilder = OkHttpClientProvider.createClientBuilder();
    
    // 禁用磁盘缓存
    clientBuilder.cache(null);
    
    // 添加拦截器，强制所有请求不使用缓存
    clientBuilder.addInterceptor(chain -> {
        okhttp3.Request modifiedRequest = chain.request().newBuilder()
            .cacheControl(CacheControl.FORCE_NETWORK)
            .build();
        return chain.proceed(modifiedRequest);
    });
    
    // 替换默认的OkHttpClient
    OkHttpClientProvider.replaceOkHttpClient(clientBuilder.build());
}

2. 验证修改效果
   重新编译运行应用后，检查应用的缓存目录（通常为/data/data/[你的应用包名]/cache/okhttp），确认不再生成包含set-cookie内容的缓存文件。

额外说明 #

• 如果你需要保留部分缓存逻辑但排除Cookie相关内容，可自定义Cache实现过滤响应头，但完全禁用磁盘缓存是最直接的安全方案，尤其适用于严格监管场景。
• 对于HttpOnly类型的Cookie，虽然应用层无法直接读取，但磁盘缓存仍会明文存储响应头，因此禁用磁盘缓存是必要的安全措施。

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