PHP投稿配列が空になったPOST

Question

私はVue 2.0とAxiosを試しています。少し問題があります。 私のpost.phpファイルにaxiosを使って投稿リクエストを送信しようとすると、$ _POST配列は常に空です。

ポスト機能：私は変更：リクエストがステータス200で完了しますが、空のオブジェクト "[]"

注意を返している

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) 
    }) 
} 

post.php

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


echo json_encode($_POST); 
?> 

jsonplaceholderツールにエンドポイントを投稿しても問題ありません。

Answer 1

私はあなたがこれを試すことができると思う、それはデータ型の問題でなければならない。

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

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