Axios超文本传输协议总是返回空数据

Question

我以前问过这个问题，但没有得到答案。我可以使用下面的方法：“get”让它工作，所以这没关系，但这次我需要使用post。在另一个项目中（使用react、redux、php、webpack、xampp），同样的问题再次出现，我正在努力解决它。这就是：

register.php

  echo $_GET['task'];

index.js

  const values = {task: 'doSomething', username: 'username'}
  axios({
      url: "./server/register.php",
      timeout: 20000,
      method: 'get',
      params: values
  }).then(function(response){console.log(response.data)})

当我做了以上的一切是好的，数据是日志作为'做某事'。但是，当我尝试使用axios（{方法：'POST'}）并将php更改为$_POST['任务']时，我得到一个错误，说$_POST['任务']是未定义的，如下所示：

index.js

  axios({
      url: "/projects/myProject/server/register.php",
      method: 'post',
      data: values
  }).then(function(response){console.log(response.data)})

register.php

echo $_POST['task'];

注意：未定义索引：任务

当我尝试使用axios时也是如此。post（）我遇到了完全相同的问题。我想在这里使用post请求。有人能帮我解释一下吗？

Answer 1

或者，在客户端，您可以在发布之前在JavaScript中对数据进行按摩，从而无需在服务器端编辑发布数据：

var formatAxiosPostData = function (obj) {
// Create formData object:
    var formDataObject = new FormData();
// This step necessary when the obj contains additional overhead data,
// such as what's created on a 'this.$data' Vue.js object:
    obj = JSON.parse(JSON.stringify(obj));
// Fill formData object with the key-value pairs:
    Object.keys(obj).forEach(function (key) {
        formDataObject.append(key, obj[key]);
    });
    return formDataObject;
};

// example usage:
axios({
    url: "/projects/myProject/server/register.php",
    method: 'post',
    data: formatAxiosPostData(values)
}).then(function (response){
    console.log(response.data);
});

Answer 2

你的url格式不好：它是路径而不是url。您必须使用相对（/register.php）或绝对（http://localhost/register.php）url，这取决于您如何通过Web服务器提供此文件。

Answer 3

好吧，经过一番努力，我终于找到了答案。在PHP上，必须先添加这一行，然后才能访问任何POST数据：

$_POST = json_decode(file_get_contents('php://input'), true);
echo $_POST['task'];

据我所知，从axios输入的数据是JSON，因此我们必须使用file_get_contents（）以JSON编码字符串的形式返回它，然后使用JSON_decode将其从JSON编码字符串转换为php变量。希望这对其他人有帮助。非常感谢。