reactjs中的http发布请求不起作用答案

【问题标题】：http post request in reactjs not workingreactjs中的http发布请求不起作用
【发布时间】：2018-08-17 06:20:30
【问题描述】：

我正在尝试从我的 reactjs 应用程序发出一个 http 发布请求，以表达本地托管的内容。我不需要从这个帖子请求中传递任何东西（不需要参数），我只希望请求通过。所有参数都已在我的快速代码中指定。我在不同的端口本地运行我的 reactjs 应用程序。这是我的做法。

fetch('http://localhost:8080/api/send', { 'mode': 'no-cors' }, {
            method: 'post',
            headers: { 'Content-Type': 'application/json' },
            body: {
            }
        });

这个链接在邮递员上有效，只是这个 http post 方法不起作用。任何帮助将不胜感激。

【问题讨论】：

错误是什么？
不产生错误。什么都没有发生
在我的快速代码中，我试图触发 sendgrid - 我正在关注这篇文章作为参考 (medium.com/@Keithweaver_/…)
您的开发工具中的“网络”选项卡是什么意思？您是否收到任何状态代码？是否有一个 OPTIONS 请求首先触发？
您的客户端服务器在哪个端口上运行，您的 api 服务器在哪个端口上运行？

标签： reactjs http express post fetch-api

【解决方案1】：

对我来说，当我删除它时它正在工作，

{ 'mode': 'no-cors' }

另外，假设您是 body: 有内容（它现在是空的，因此不会对 POST 请求执行任何操作）：您应该将 JSON.stringify() 添加到正文中。所以：

body: JSON.stringify({
          //content here
        })

如果 cors 给您带来问题，有一种简单的方法可以在后端解决该问题（特别是使用 rails）。

【讨论】：