react-native 在使用formData(axios或fetch)在Android上发送文件时出现网络错误,在iOS上运行正常,

eit6fx6z 于 3个月前发布在 React

关注(0)|答案(7)|浏览(89)

描述

当我尝试发送一个带有formData的文件的post请求时，我收到了一个网络错误。大多数时候请求运行正常，但有时会出现这个错误。这个问题在使用Android时出现，在IOS上运行正常。
最近我将应用程序更新到了react-native 0.74.1(最新版本),之前的版本是0.64.4。在更早的版本中，一切都运行正常。
当前版本：

React native: 0.74.1
Node: >= 18
React: 18.2.0

重现步骤

只需尝试使用formData提交一些文件

React Native版本

0.74.1

受影响的平台

运行时 - Android

`npx react-native info`的输出

System:
  OS: macOS 14.4
  CPU: (8) x64 Intel(R) Core(TM) i5-8257U CPU @ 1.40GHz
  Memory: 29.93 MB / 8.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 18.19.0
    path: /usr/local/bin/node
  Yarn:
    version: 1.22.22
    path: /usr/local/bin/yarn
  npm:
    version: 8.19.4
    path: /usr/local/bin/npm
  Watchman:
    version: 2024.05.06.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /usr/local/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.4
      - iOS 17.4
      - macOS 14.4
      - tvOS 17.4
      - visionOS 1.1
      - watchOS 10.4
  Android SDK:
    API Levels:
      - "29"
      - "30"
      - "31"
      - "32"
      - "33"
      - "34"
    Build Tools:
      - 29.0.2
      - 30.0.2
      - 30.0.3
      - 31.0.0
      - 33.0.0
      - 33.0.1
      - 34.0.0
    System Images:
      - android-29 | Google APIs Intel x86 Atom
      - android-29 | Google Play Intel x86 Atom
      - android-30 | Intel x86_64 Atom
      - android-34 | Google APIs Intel x86_64 Atom
      - android-34 | Google Play Intel x86_64 Atom
      - android-VanillaIceCream | Google APIs Intel x86_64 Atom
    Android NDK: Not Found
IDEs:
  Android Studio: 2023.2 AI-232.10300.40.2321.11567975
  Xcode:
    version: 15.3/15E204a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.10
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.74.1
    wanted: ^0.74.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

堆栈跟踪或日志

No have logs to show

可复现问题的情况

https://github.com

截图和视频

无响应*

react-native

来源：https://github.com/facebook/react-native/issues/44657

7条答案

按热度按时间

1zmg4dgp1#

⚠️	缺失可复现示例
i️	我们无法在您的问题报告中检测到可复现的示例。请提供以下内容：* 如果您的错误与UI相关：一个 Snack* 如果您的错误与构建/更新相关：使用我们的 Reproducer Template 。需要在您用户名下的GitHub仓库中有一个复现器。

赞(0）回复(0）举报 3个月前

wj8zmpe12#

这个问题可能是由于网络问题导致的。你可以尝试以下方法解决：

检查你的网络连接是否正常。
确保你的设备和服务器之间的网络通信没有被阻止。
如果你使用的是代理服务器，请检查代理设置是否正确。
如果问题仍然存在，可以尝试重启设备或重装 React Native。

赞(0）回复(0）举报 3个月前

v7pvogib3#

同样的问题。当我在控制台打印 req.file 和 req.body 时，我得到以下结果：

undefined [Object: null prototype] {
 food_name: '',
 description: '',
 price: 'null',
 category: '',
 addOn: '{"addon":"","price":0}'
 }

在这里，我没有在 req.body 中发送任何数据，只发送了文件到 req.file,但我得到的是 undefined。这在 react native 0.73.x 版本中可以正常工作，但在 0.74.x 版本中不行。

赞(0）回复(0）举报 3个月前

2fjabf4q4#

这个问题已经等待作者24天反馈。请提供所需的反馈，否则将在7天后关闭。

赞(0）回复(0）举报 3个月前

t2a7ltrp5#

在这里同样存在问题。

赞(0）回复(0）举报 3个月前

uidvcgyl6#

你好，saadkhan2211@felipeavila-vp@H3tansh。请问你能提供一个缺失的可复现示例吗？这样我才能帮助你解决这个问题。

赞(0）回复(0）举报 3个月前

gxwragnw7#

翻译结果为：@huzhanbo1996 以下是我的工作代码，它只在我使用部署的HTTPS API URL时有效，但在我使用运行在本地主机上的HTTP端点时无效。

const formData = new FormData() 

    formData.append('file', {
        uri: path,
        name: fileName, // 'sound.mp3'
        type: fileType // 'audio/mp3'
    })

const response = await fetch(
    'https://dummy.url.com/api,
    {
        method: 'POST',
        headers: {
            'Content-Type': 'multipart/form-data',
            Authorization: `Bearer ${TOKEN}`
        },
        body: formData
    }
)

P.S:问题仅在安卓上存在。这是我创建的问题。

赞(0）回复(0）举报 3个月前

我来回答

react-native 在使用formData(axios或fetch)在Android上发送文件时出现网络错误,在iOS上运行正常,

描述

重现步骤

React Native版本

受影响的平台

`npx react-native info`的输出

堆栈跟踪或日志

可复现问题的情况

截图和视频

7条答案

相关问题

热门标签

最新问答

react-native 在使用formData(axios或fetch)在Android上发送文件时出现网络错误,在iOS上运行正常,

描述

重现步骤

React Native版本

受影响的平台

npx react-native info的输出

堆栈跟踪或日志

可复现问题的情况

截图和视频

7条答案

相关问题

热门标签

最新问答

`npx react-native info`的输出