PHP Post数组在axios POST上为空

Question

我正在试用Vue 2.0和axios，我遇到了一个小问题。当我尝试使用axios向我的帖子发送帖子请求时。php文件$\u POST数组始终为空。

岗位职能：

doPost: function() {
  console.log("post in progress")
  axios.post('api/post.php', {
      title: 'foo',
      body: 'bar',
      userId: 1
  })
  .then(response => {
    console.log(response)
    console.log(response.data)
    this.filter = response.data
  })
  .catch(e => {
    this.errors.push(e)
  })
}

邮递php

<?php
header('Content-Type: application/x-www-form-urlencoded');


echo json_encode($_POST);
?>

请求已完成，状态为200，但返回空对象“[]”

注意：当我将postendpoint更改为jsonplaceholder工具时，它可以正常工作。

Answer 1

对我来说，问题是我在url中使用的是http而不是https。服务器返回的http状态代码已永久移动（到https站点）。浏览器或命令行客户端（curl）遵循这些重定向。我的代码没有。解决方案是在url中使用https。

Answer 2

使用axios发送的数据不会放入PHP的$\u POST中。相反，它位于请求体中，很可能是json格式。要获取它，请尝试以下代码：

function getRequestDataBody()
{
    $body = file_get_contents('php://input');

    if (empty($body)) {
        return [];
    }

    // Parse json body and notify when error occurs
    $data = json_decode($body, true);
    if (json_last_error()) {
        trigger_error(json_last_error_msg());
        return [];
    }

    return $data;
}


$data = getRequestDataBody();
var_dump($data)

或者你可以像另一个答案所建议的那样使用FormData。

Answer 3

我想你可以试试这个，应该是数据类型的问题。

var data = new FormData();
data.append('title', 'foo');
data.append('body', 'bar');

axios.post('api/post.php', data)
    .then(response => {
        console.log(response)
        console.log(response.data)
        this.filter = response.data
    })
    .catch(e => {
        this.errors.push(e)
});