如何检查 fetch POST 中的正文是否已发送到反应本机的 API？

Question

我正在构建一个反应原生应用程序并收到以下错误。我想将输入的消息、电子邮件和名称发送到 API，但在 API 中没有显示任何结果。

代码如下：

fetch('localserverusingIPaddress', {
                method: 'POST',
                  headers: {
                    "Content-Type": "application/json",
                    'Accept': 'application/json',
                  },
                body: JSON.stringify({
                    name: this.state.name,
                    email: this.state.email,
                    message: this.state.message,
                }),
            })
            .then((response)=> {console.warn(response.json())})
            //{
            //  if (response.status){
            //      return response.json();
            //  }
                // console.warn(response.json())
                // return response.json();
            //})
                //console.warn(response);
                //response.json()
                //console.warn(JSON.parse(response))})
             .then((responseData)=>{
                this.showAlert();
                console.warn(responseData);
                return responseData;
             })
            .catch((error) => {
                console.warn(error);
            });

但是，当我尝试在 iOS 中检查输入的文本时 模拟器，它显示了价值。当我使用邮递员直接将数据发布到 API 时，它也会显示值。所以我开始认为 body 未能传递给 API。

谁能告诉我为什么会发生这种情况以及如何解决这个问题？非常感谢，我已经面临这个问题好几个星期了......

Answer 1

第一步是确定你的 iOS 模拟器是否真的能够向你的 localhost 发出请求。如果它无法访问您的本地网络，它必须抛出某种连接错误。但是，从您上面的评论来看，这似乎不是问题。

试试这个代码：

let url = 'localserverusingIPaddress';
let requestObject = {
    name: this.state.name,
    email: this.state.email,
    message: this.state.message
};

try {
    let response = await fetch(url, {
      method: "POST",
      headers: {
        Accept: "application/json",
        "Content-Type": "application/json"
      },
      body: JSON.stringify(requestObject)
    });

    responseJson = await response.json();
    console.log(responseJson);

  } catch (error) {
    console.error(error);    
  }

试试这个，看看记录的输出是什么。

查看请求是否实际到达您的 API 的最简单方法是从 API 端本身。您的服务器必须实现某种事件日志记录。查看当您从 Postman 发出请求时发生的情况，并将其输出与您从应用程序发出请求时发生的情况进行比较。