使用Axios异步提交数据至PHP服务器遇空返回问题求助

核心问题分析 #

1. 前端用FormData提交数据，后端错误地用json_decode解析php://input——FormData属于multipart/form-data格式，PHP会自动把数据解析到$_POST全局变量，不需要手动读取原始输入流。
2. 后端代码里$_POST['data']是不存在的字段，前端只传了email和name；而且$data变量未定义，直接写入文件会触发报错。

修正后的代码示例 #

前端代码（FormData提交方式，无需修改）

只要window.MAIL_URL指向正确的后端接口，这段代码本身没问题：

async sendMail(email, name) {
  try {
    const data = new FormData();
    data.append('email', email);
    data.append('name', name);
    return await axios.post(window.MAIL_URL, data);
  } catch (error) {
    throw Error('Unable to connect to server');
  }
},

如果想改用JSON格式提交，可调整为：

async sendMail(email, name) {
  try {
    return await axios.post(window.MAIL_URL, { email, name }, {
      headers: {
        'Content-Type': 'application/json'
      }
    });
  } catch (error) {
    throw Error('Unable to connect to server');
  }
},

对应FormData提交的PHP代码

// FormData提交时，直接用$_POST获取参数
if(isset($_POST['email']) && isset($_POST['name'])){
    $email = $_POST['email'];
    $name = $_POST['name'];
    // 按需求拼接写入内容
    $saveContent = "姓名: {$name}, 邮箱: {$email}" . PHP_EOL;
    
    // 打开文件并写入，注意检查目录写入权限
    $fileHandle = fopen('data.txt', 'a');
    if($fileHandle){
        fwrite($fileHandle, $saveContent);
        fclose($fileHandle);
        // 返回JSON格式的成功响应
        echo json_encode(['status' => 'ok', 'msg' => '数据保存成功']);
    } else {
        echo json_encode(['status' => 'error', 'msg' => '无法打开文件']);
    }
} else {
    echo json_encode(['status' => 'error', 'msg' => '缺少必要参数']);
}

对应JSON提交的PHP代码

// JSON提交时，读取原始输入并解析
$rawInput = file_get_contents("php://input");
$requestData = json_decode($rawInput, true);

if(isset($requestData['email']) && isset($requestData['name'])){
    $email = $requestData['email'];
    $name = $requestData['name'];
    $saveContent = "姓名: {$name}, 邮箱: {$email}" . PHP_EOL;
    
    $fileHandle = fopen('data.txt', 'a');
    if($fileHandle){
        fwrite($fileHandle, $saveContent);
        fclose($fileHandle);
        echo json_encode(['status' => 'ok']);
    } else {
        echo json_encode(['status' => 'error', 'msg' => '文件打开失败']);
    }
} else {
    echo json_encode(['status' => 'error', 'msg' => '参数缺失']);
}

关键注意事项 #

• 确保data.txt所在的服务器目录有写入权限（通常可设置目录权限为755，文件权限为644），否则PHP无法完成写入操作。
• 前端接收响应时，可通过response.data获取后端返回的JSON数据，方便调试接口状态。

内容的提问来源于stack exchange，提问作者boot camp