從 Vue3 到 php 的發布請求不起作用

Question

我在 axios 在 vue 中向 php 發送請求時遇到問題。當我使用 post 並嘗試向后端發送數據時，沒有發送任何數據。 我應該怎么辦？ 這段代碼的哪一部分是錯誤的？ 這是我的代碼：

axios
  .post('http://localhost:8888/vueBackend/connection.php',{
     titleName:'Default'
  })
  .then(response => console.log(response))
  .catch(err=>console.log(err.message))

這是回應：

這是我的后端代碼：

$server = "localhost";
$dbname = "Vue";
$username = "root";
$password = "";
$tblGroup = "Titles";
$dsn = "mysql:host=$server;dbname=$dbname;charset=utf8";
$id = '';
$option = [
    PDO::ATTR_PERSISTENT => TRUE,
    PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION
];
$method = $_Server['REQUEST_METHOD'];
try{
    $connection = new PDO($dsn, $username, $password, $option);
    if($connection){
        try{
            $stmt = $connection->prepare("INSERT $tblGroup SET titleName=?");
            $stmt->bindValue(1,$_POST['titleName']);
            $stmt->execute();
            echo "Successful";
        }catch(PDOException $e){
            echo $e->getMessage();
        }
        
    }
}catch(PDOException $exception){
    echo"Error Connect To Database : [ " . $exception->getMessage() . " ] ";

}

我希望將 titleName 發送到后端，然后 php 獲取 titleName 值並將其添加到數據庫中。

Answer 1

您可以在 POST 變量之前嘗試

$_POST = json_decode(file_get_contents("php://input"),true);