Axios 默认不自动设置 Content-Type: application/json 请求头，导致 PHP 无法通过 $_POST 或 php://input 正确读取 JSON 数据；需显式配置请求头并确保服务端正确解析。
axios 默认不自动设置 `content-type: application/json` 请求头，导致 php 无法通过 `$_post` 或 `php://input` 正确读取 json 数据；需显式配置请求头并确保服务端正确解析。
在 React.js 应用中使用 Axios 向 PHP 后端发送 POST 请求时，若服务端（如 test.php）始终收不到数据（file_get_contents('php://input') 返回空），问题通常并非出在跨域或数据本身，而是请求头缺失导致 PHP 无法识别和解析 JSON 载荷。
Axios 的 axios.post(url, data) 默认行为取决于 data 的类型：
- 若传入字符串（如 JSON.stringify(data)），Axios 不会自动添加 Content-Type: application/json 头；
- 若未显式声明，浏览器可能默认使用 text/plain 或 application/x-www-form-urlencoded，致使 PHP 既不填充 $_POST（因非表单编码），也无法可靠读取 php://input（某些服务器配置下对非标准 Content-Type 的输入流处理受限）。
✅ 正确做法：显式设置 Content-Type: application/json 请求头，并确保 PHP 端正确解析：
function sendPostRequest(data, url, fun) {
const jsonData = JSON.stringify(data);
const headers = {
"Content-Type": "application/json",
// 如需身份验证，可追加： "Authorization": "Bearer your-token"
};
axios.post(url, jsonData, { headers })
.then(response => fun(response.data))
.catch(error => console.error("请求失败:", error.response?.status, error.message));
}
⚠️ 同时，请检查 PHP 端是否健壮处理 JSON 输入：
<?php header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: PUT, GET, POST, OPTIONS");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, Authorization");
header("Content-Type: application/json; charset=utf-8");
// 处理预检 OPTIONS 请求
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
http_response_code(200);
exit;
}
// 读取原始 JSON 输入
$input = file_get_contents('php://input');
if (empty($input)) {
echo json_encode(['error' => '无输入数据，请检查前端 Content-Type 是否为 application/json']);
exit;
}
$data = json_decode($input, true);
if (json_last_error() !== JSON_ERROR_NONE) {
echo json_encode(['error' => 'JSON 解析失败：' . json_last_error_msg()]);
exit;
}
// ✅ 此时 $data 是关联数组，可安全使用
print_r($data); // 输出：Array([key] => ..., [code] => ..., ...)
?>
? 关键注意事项：
- 不要依赖 $_POST 接收 JSON 数据：$_POST 仅自动解析 application/x-www-form-urlencoded 和 multipart/form-data 请求；JSON 必须通过 php://input 手动读取并 json_decode()；
- CORS 头需包含 OPTIONS 方法：PHP 需响应预检请求（Preflight），否则浏览器会直接拦截；
- 避免本地开发环境混淆：localhost:3000 与线上域名跨域严格，而 ReqBin 或 React Native 可能绕过浏览器 CORS 机制，造成“其他工具能通、浏览器不通”的假象；
- 调试建议：在浏览器开发者工具 → Network 标签页中查看该请求的 Headers → Request Headers，确认 Content-Type: application/json 已发出，并检查 Payload 标签页确认 JSON 字符串已实际发送。
遵循以上配置后，Axios 发送的 JSON 数据即可被 PHP 稳定接收并解析，彻底解决“前端有数据、后端收不到”的常见集成问题。
php免费学习视频：立即使用
踏上前端学习之旅，开启通往精通之路！从前端基础到项目实战，循序渐进，一步一个脚印，迈向巅峰！
