axios 默认以 application/json 格式发送 json 数据，但若未显式设置请求头，php 的 $_post 无法自动解析，且 php://input 也可能因 content-type 缺失或不匹配而读取为空。需在 axios 中明确指定 content-type: application/json 请求头。
axios 默认以 application/json 格式发送 json 数据，但若未显式设置请求头，php 的 $_post 无法自动解析，且 php://input 也可能因 content-type 缺失或不匹配而读取为空。需在 axios 中明确指定 content-type: application/json 请求头。
在 React.js 前端使用 Axios 向 PHP 后端发送 POST 请求时，常见误区是仅序列化数据却忽略关键的 HTTP 请求头配置。虽然 Axios 在发送 JSON 数据时默认会设置 Content-Type: application/json，但在某些环境（如开发代理、CORS 预检触发异常、或旧版 Axios）中该行为可能失效或被覆盖，导致 PHP 服务端无法正确识别并接收原始请求体。
你当前的 PHP 脚本已正确启用 CORS 并尝试读取 php://input（这是接收 JSON 请求体的正确方式），但输出为空，根本原因在于：浏览器未将请求作为 Content-Type: application/json 发出，导致服务器未触发对应的数据解析流程，甚至可能被 Web 服务器（如 Apache/Nginx）拦截或重定向。
✅ 正确做法是：显式声明请求头，确保一致性与可调试性：
function sendPostRequest(data, url, fun) {
const jsonData = JSON.stringify(data);
const config = {
headers: {
'Content-Type': 'application/json',
// 如需身份验证，可在此添加：
// 'Authorization': 'Bearer your-token-here'
}
};
axios.post(url, jsonData, config)
.then(response => {
fun(response.data);
})
.catch(error => {
console.error('请求失败:', error.response?.status, error.message);
// 注意：error.response 为 undefined 时说明未收到 HTTP 响应（如网络错误、CORS 拒绝）
});
}? 关键注意事项：
立即学习“PHP免费学习笔记（深入）”；
- ✅ php://input 仅在 Content-Type 为 application/json（或非 application/x-www-form-urlencoded / multipart/form-data）时可用；若前端误发 text/plain 或无 Content-Type，PHP 将不填充 php://input。
- ✅ 确保 PHP 脚本开头无任何输出（包括 UTF-8 BOM、空格、echo），否则 header() 调用会失败，CORS 头无效。
- ⚠️ 若后端需同时支持 $_POST（表单提交）和 php://input（JSON），请勿混用——二者互斥；JSON 请求下 $_POST 恒为空数组。
- ? 调试建议：在 Chrome DevTools → Network 标签页中检查该请求的 Headers → Request Headers，确认 Content-Type: application/json 存在，且 Payload 标签页中可见有效 JSON 字符串。
? 补充：若后续需统一管理请求头，推荐封装 Axios 实例：
const apiClient = axios.create({
baseURL: 'https://www.myserver.com',
headers: {
'Content-Type': 'application/json'
}
});
// 使用时更简洁
apiClient.post('/test.php', data).then(/* ... */);至此，React 前端即可稳定向 PHP 接口提交 JSON 数据，file_get_contents('php://input') 将正常返回解析后的原始 JSON 字符串，供 json_decode() 进一步处理。
