升级RN至0.66.5后Android端rn-fetch-blob传文件报断流错误求助

问题背景 #

React Native应用升级至0.66.5后，iOS端使用rn-fetch-blob上传文件正常，但Android端持续抛出unexpected end of stream / broken pipe错误，经排查问题源于rn-fetch-blob依赖的okhttp3。已尝试更新Flipper版本、修补rn-fetch-blob替代包、强制升级okhttp至4.9.1等方案，均未解决问题。

可行解决方案尝试 #

1. 迁移至react-native-blob-util并配置okhttp #

rn-fetch-blob已停止维护，react-native-blob-util是其活跃替代项目。迁移后在Android工程中锁定兼容的okhttp版本，并在上传代码中设置超时：

Android build.gradle配置

// android/build.gradle
buildscript {
    dependencies {
        classpath 'com.squareup.okhttp3:okhttp:4.10.0'
    }
}

// android/app/build.gradle
dependencies {
    implementation('com.squareup.okhttp3:okhttp:4.10.0') {
        force = true
    }
}

上传代码设置超时

import RNFetchBlob from 'react-native-blob-util';

RNFetchBlob.fetch('POST', '<你的上传接口>', {
    'Content-Type': 'multipart/form-data',
}, [
    { name: 'file', filename: 'upload-file.jpg', data: RNFetchBlob.wrap('<本地文件路径>') }
])
.setTimeout(30000) // 设置30秒超时
.then(resp => {
    // 处理响应逻辑
})
.catch(err => {
    // 处理错误逻辑
});

2. 禁用Flipper网络拦截 #

RN 0.66.x集成的Flipper可能与okhttp存在冲突，尝试在MainApplication.java中移除Flipper的网络拦截器：

// android/app/src/main/java/com/[你的应用包名]/MainApplication.java
// 注释或删除Flipper网络插件相关导入和配置代码

@Override
public OkHttpClient getHttpClient() {
    OkHttpClient.Builder builder = new OkHttpClient.Builder();
    // 移除这一行：builder.addInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
    return builder.build();
}

3. 检查服务器端配置 #

确认服务器端的连接超时设置是否过短，或是否存在请求体大小限制。broken pipe错误常因服务器提前关闭连接导致，需确保服务器能匹配客户端超时时间，且支持对应大小的文件上传。

4. 启用okhttp日志调试 #

添加日志拦截器排查请求细节：

// android/app/build.gradle
dependencies {
    implementation 'com.squareup.okhttp3:logging-interceptor:4.10.0'
}

// 在OkHttpClient构建中添加日志拦截器
import okhttp3.logging.HttpLoggingInterceptor;

HttpLoggingInterceptor logging = new HttpLoggingInterceptor();
logging.setLevel(HttpLoggingInterceptor.Level.BODY);

OkHttpClient.Builder builder = new OkHttpClient.Builder();
builder.addInterceptor(logging);

通过日志可定位是请求发送阶段还是服务器响应阶段出现断流。

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