如何在axios中使用表单数据进行发布请求?

时间:2020-02-16 18:50:15

标签: javascript reactjs react-native

我在前端使用React Native模拟器,后端是节点服务器。在节点服务器中,我正在使用app.use(cors())。在POSTMAN中,它可以正常工作,请参见屏幕截图,但在前端却不起作用,为什么?

代码:

let bodyFormData = new FormData();
      bodyFormData.append('photo', {
        uri: this.state.filePath,
        name:this.state.filename,
        type:this.state.filetype
      })

      console.log("bodyformdata: ", bodyFormData)
      axios({
          method: 'post',
          url: 'http://10.0.2.2:5000/uploads',
          data: bodyFormData,
          headers: {'Content-Type': 'multipart/form-data' }
          })
          .then(function (response) {
              //handle success
              console.log(response);
          })
          .catch(function (error) {
              //handle error
              console.log(JSON.parse(JSON.stringify(error)))
          });

以上代码会导致网络错误,但在邮递员中,为什么会这样呢?

屏幕截图:

enter image description here

enter image description here

0 个答案:

没有答案