网络请求在https镜像上传Android上原生反应失败

network request failed react native on https image upload Android(网络请求在https镜像上传Android上原生反应失败)

问题描述

我正在尝试通过Fetch API上传图片，但在真实设备Android上获取网络请求失败错误。 我也尝试了谷歌的很多建议，但都没有奏效。

我的依赖项是：

"react-native": "0.62.0",
"axios": "^0.19.2",
"form-data": "^3.0.0",
"react": "16.11.0",
"react-redux": "^7.2.0",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0"

我的图片上传片段：

const imagePick = () => {
          const formData = new FormData();

        try {

            const options = {
                title: 'Select Avatar',
                storageOptions: {
                  skipBackup: true,
                  path: 'images',
                },
              };

            ImagePicker.showImagePicker(options, (response) => {

                formData.append('avatar', {
                    uri: response.uri,
                   type: response.type, 
                   name: response.fileName,
                 })

                fetch(url, { 
                    method: 'POST',
                    headers: {
                        'Accept': 'application/json',
                        'Content-Type': 'multipart/form-data',
                        'Authorization': `Bearer ${authToken}`
                    },
                    body: formData
                })
                .then(res => {
                    console.log(res.status)
                })
                .catch(e => {
                    console.log(e)
                })

            });

        } catch (e) {
            toast("Unable to upload profile photo")
        }
      }

我还在使用安全的https url；

推荐答案

我也面临同样的问题，但我猜此问题与AXIOS库无关，而是因为反应本机本身。

如此处所述，comment是因为Flipper。

因此，在对其进行反应Native Works之前，您可以从MainApplication.java

中注释下面提到的行 initializeFlipper(This，getReactNativeHost().getReactInstanceManager())；

若要评论，请将//放在上行前面

//initializeFlipper(this，getReactNativeHost().getReactInstanceManager())；

这篇关于网络请求在https镜像上传Android上原生反应失败的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！