无法从React应用向WordPress的Rest Api(ERR_EMPTY_RESPONSE)发出POST请求

时间:2019-10-30 11:03:07

标签: reactjs wordpress rest axios

我正在本地主机上运行ReactApp(带有Create-React-App)。我正在尝试使用Rest Api在Wordpress网站上创建帖子。我正在使用Axios。 wordpress网站托管在实时服务器上。

Chrome给我以下网络错误: https://i.imgur.com/wA5pYTz.png

Firefox: https://i.imgur.com/P5nie4W.png

我检查了服务器日志。而且没有应用访问API的记录。这几乎也立即给我带来错误。

奇怪的是:每当我从Postman或从基本NodeJS文件(具有相同的代码)执行此操作时,它便会工作并收到201响应:

邮递员: https://i.imgur.com/THmRSZ1.png

我在Rest Api服务器上设置了CORS标头。

该如何解决?

Axios代码:

axios({
    method: 'post',
    'headers': {
      "Authorization": 'Bearer HIDDEN'
    },
    url: 'HIDDEN/wp-json/wp/v2/posts',
    data: {
      title: "Test"
    }
  }).then(function(response) {
    console.log(response);
  })
  .catch(function(error) {
    console.log(error);
  });

1 个答案:

答案 0 :(得分:0)

使用WordPress rest API,您必须传递随机数,因为WordPress现在使用随机数进行添加,删除操作,因此您应该注意随机数。