使用Axios和Vue将数据发布到PHP时出错

Question

在Vue中使用Axios单击按钮时，我试图获取表单提交的数据并将其传递给PHP。我目前正处在我的JS看起来像这样的地方：

         onSubmit () {

       axios.post('/wp-content/themes/bones/template-job-list-landing.php',{msg: 'sent by POST method...'})
       .then(function(response){console.log(response)})
       .catch(function(error){console.log(error)})
}

我的PHP如下：

<?php

$request_body = file_get_contents("php://input");

$data = json_decode($request_body);

echo $data->msg;

 ?>

因此，我试图通过Axios发送数据并以PHP输出。在PHP中使用它后，我想解码json，以便可以在PHP中使用它。有了上面的内容，我目前得到500（内部服务器错误）的信息，并且无法弄清楚是什么引发了该错误。

POST http://website.com/wp-content/themes/bones/template-job-list-landing.php 500 (Internal Server Error)