Axios 到 php api - POST 表单为空

Question

我确信这是一个容易的，希望它很容易。在设置 axios（使用 VUE）并尝试发布任何内容时，没有收到 POST。邮递员工作正常，但我的带有 Axios 的 vue 应用程序没有，POST 数组到达空。

devtools 中的传出请求负载具有变量（目前只是'test'='test。

来自 Vue

      this.$axios.post("http://localhost/api/process.php?action=addEntry", {
        test:"test"
      }).then(function (response) {
          alert(JSON.stringify(response));
        })
        .catch(function (error) {
          alert("error");
          alert(JSON.stringify(error));
      });
      return
    },

来自 PHP Api - process.php

    header("Access-Control-Allow-Origin: *");
    header("Access-Control-Allow-Headers: User-Agent, Sec-Fetch-Mode, Referer, X-Requested-With, Content-Type, Origin, Cache-Control, Pragma, Authorization, Accept, Accept-Encoding");
    header("Access-Control-Allow-Methods: POST");
    header('Content-Type: application/json;charset=UTF-8'); 

echo (var_dump($_POST['test']));
echo (var_dump($_POST));

输出

POST 不可用。

响应

标题

Answer 1

试试这个

axios.post("urlapi", 
                 data: {
                    foo: 'bar', // This is the body part
                  }, {
                headers: {
                    'Content-Type': 'application/json'
                }
            }).then(function(res){
                console.log(res);
            }).catch();

这对我有用。