POST请求访问PHP文件Chrome返回空白但Node.js运行正常是什么原因

问题原因分析 #

1. 跨源资源共享（CORS）配置异常（概率最高） #

你所说的「同域名」大概率不符合浏览器同源策略的严格要求：同源策略要求请求地址和当前页面地址的协议、域名、端口三者完全一致，哪怕是http/https差异、带www/不带www差异、端口号不同，都会被判定为跨源。
跨源场景下如果后端没有配置正确的CORS响应头，或者fetch配置中设置了mode: 'no-cors'，浏览器会直接拦截响应内容，前端拿到的就是空白值，且不会抛出显式报错，和你描述的现象完全匹配。
另外浏览器发送跨域POST请求前会先发OPTIONS类型的预检请求，你的PHP代码没有处理OPTIONS请求，会直接返回默认占位内容，也会导致后续真实POST请求被浏览器拦截。

2. 请求头缺失导致请求体被清空 #

你发送的是JSON格式的请求体，但fetch配置中没有显式声明Content-Type: application/json请求头：

• node-fetch对未声明Content-Type的POST请求处理逻辑更宽松，可以正常传递请求体
• 部分服务端配置（Nginx/Apache层面的请求过滤，或者PHP的内置配置）会将无明确Content-Type的POST请求的请求体清空，导致file_get_contents('php://input')读到空值，最终返回空白。

3. 请求生命周期被中断 #

如果你是在表单提交、页面跳转等操作前触发的fetch，没有阻止对应元素的默认行为，页面会在fetch拿到响应前就卸载，此时你拿到的响应也会是空值，且不会有报错信息。

修复方案 #

1. 先打开Chrome开发者工具的「网络」面板，找到对应POST请求，查看「响应」标签和「控制台」是否有CORS相关报错，先确认问题类型
2. 补充完整fetch请求配置：

fetch(`<URL>/api.php?f=developmentIsAnnoying2`,{
  method:"post",
  headers: {
    'Content-Type': 'application/json'
  },
  mode: 'cors',
  body:JSON.stringify({time:0,queue:["a song"], repeat:false, loop:false})
}).then(d=>d.text()).then(console.log).catch(console.error);

3. 如果确认是CORS问题，在PHP代码开头补充CORS配置：

// 生产环境请将*替换为你实际允许的请求源地址
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, GET, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type");
header("Content-Type: application/json");

// 处理预检请求直接返回
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
    exit(0);
}

switch($_SERVER['REQUEST_METHOD']) {
    case "POST":
        echo file_get_contents('php://input');
    break;
    default:
        echo '{"message":"This is a place holder."}';
    break;
}

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