react-native 0.62 fetch请求上传图片失败

React-native 0.62 fetch请求上传图片失败

环境:
rn版本:0.62.0

问题描述:

Android使用fetch/xhr 请求上传图片一直出现 Network request failed,进行其他正常请求都没问题

解决办法:

(测试环境)找到项目目录:

android/app/src/debug/java/com/maxyride/app/drivers/ReactNativeFlipper.java

修改(注释掉43行):

38      NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
39      NetworkingModule.setCustomClientBuilder(
40          new NetworkingModule.CustomClientBuilder() {
41            @Override
42            public void apply(OkHttpClient.Builder builder) {
43      //        builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
44            }
45          });
46      client.addPlugin(networkFlipperPlugin);

(正式环境)当然在打包时您可能还需要做一些其他的改动:
注释掉:

android\app\src\main\java\com\xxxxx\MainApplication.java
中onCreate方法中的:

initializeFlipper(this,getReactNativeHost().getReactInstanceManager());

问题原因:

一开始也百思不得姐,为什么突然不能上传图片了,然后在其他低版本中都是可以的,然后各种百度,没有找到解决办法,最终只能去github是试一下,果然在上边找到了对应的问题:
这是由于Flipper网络插件引起的

具体这个Flipper是干什么的,有兴趣的可以看一下官方文档吧:
https://fbflipper.com/

当然也有的大神反应说将Flipper 版本升级到0.45以后也会解决不能上传文件的问题,这个也可以试一下

最后附上该问题在github的地址:
https://github.com/facebook/react-native/issues/28551

转自:https://blog.csdn.net/qq_41457238/article/details/107221449

你可能感兴趣的:(react-native 0.62 fetch请求上传图片失败)