React-Native：通过fetch发送post请求，报错：TypeError: Network request failed

原创已于 2023-04-29 23:01:15 修改 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react native

于 2023-04-29 22:59:53 首次发布

文章指出了在使用fetchAPI进行POST请求时，如果发送FormData对象，应将content-type设置为multipart/form-data，而不是application/json。正确的做法是将headers中的content-type改为multipart/form-data，以确保服务器能正确解析请求体。

问题代码：

const formData = new FormData();
formData.append("requestPrams", "RN");

fetch(url, {
          method: 'POST',
          body: formData,
          headers: {
            'content-type': 'application/json'
          },
        })

正确写法：

const formData = new FormData();
formData.append("requestPrams", "RN");

fetch(url, {
          method: 'POST',
          body: formData,
          headers: {
            'content-type': 'multipart/form-data'
          },
        })