无法在 axios 上发出 POST 请求（React-Native）

Question

我正在向“Cloudinary”服务器发出 POST 请求以上传图像并在 react-native 中使用 axios 发送表单数据。 整个过程在 iOS 上运行良好，但在 android 上我收到“网络错误”。

我正在使用 axios 0.18.0 并且从过去 3 天开始就一直坚持下去。 有人请帮助我。

这个问题很多人都遇到过，但目前还没有解决办法。

 var photo = {
  uri: image.sourceURL,
  type: image.mime,
  name: image.filename,
 };

 var formData = new FormData();
 formData.append('file',photo); 
 formData.append('upload_preset','abcde');

 axios({
   url:'https://api.cloudinary.com/v1_1/abcde/upload',
   method:'POST',
   headers:{
    'Content-Type':'application/x-www-form-urlencoded'
   },
   data:formData
 }).then(function(response){

 }).catch((error) =>{
  //Network error comes in
 });

确切的控制台错误是：

Error: Network Error
at createError (createError.js:16)
at XMLHttpRequest.handleError (xhr.js:87)
at XMLHttpRequest.dispatchEvent (event-target.js:172)
at XMLHttpRequest.setReadyState (XMLHttpRequest.js:567)
at XMLHttpRequest.__didCompleteResponse (XMLHttpRequest.js:397)
at XMLHttpRequest.js:503
at RCTDeviceEventEmitter.emit (EventEmitter.js:179)
at MessageQueue.__callFunction (MessageQueue.js:351)
at MessageQueue.js:116
at MessageQueue.__guardSafe (MessageQueue.js:314)

有人能指出我正确的方向吗，因为我从最后三天被困在这里。 PS：相同的代码在 iOS 上运行良好。

Answer 1

首先要得到正确的错误信息。 console error.response和header添加

Accept: "application/json", content-type: "multipart/form-data",

Answer 2

我也在努力解决这个问题。 但我现在在Android设备上找到了我的axios网络createError的问题。 axios Network Error的原因是因为我传递给axios的表单数据包含错误类型的数据对象。 我已经包含了一个图像对象（来自Expo的ImagePicker对象）作为表格数据的一个参数，我认为这些数据不被axios接受。 Axios可能只接收字符串，浮点数，整数或图像作为参数。 图像不能作为参数传递，它不是一种图像，它是一个反应本机对象，我已经删除它并将图像字段包含为param，通过将image.uri分配给param的值然后它可以工作。 希望这能帮助一些可能遇到与我之前遇到的相同问题的人。 在测试axios网络错误时，逐个删除一些表单数据，您将找出问题的原因。

Answer 3

尝试将type: 'image/jpeg'到您的 FormData

const formData = new FormData();
    formData.append('file', {
      uri: imageURL,
      type: 'image/jpeg',
      name: 'image-name'
})