Vue通过Express转发POST请求，PHP无法读取$_POST变量

核心问题 #

1. 请求格式不匹配：axios默认发送application/json格式的POST请求体，但PHP的$_POST仅能解析application/x-www-form-urlencoded或multipart/form-data格式的数据，无法直接读取JSON格式内容。
2. Express转发未传递请求体：当前Express中间件调用php-cgi时，既没把原请求的body内容传给PHP进程，也未设置CGI所需的环境变量，导致PHP无法获取POST数据。

解决方案一：改用表单编码请求，Express正确转发数据 #

1. 修改Vue中的axios请求 #

将请求数据转为表单编码格式，并设置对应请求头：

const connect = () => {
  console.log(url_img.value);
  // 转换为表单编码格式
  const formData = new URLSearchParams();
  formData.append('var', url_img.value);
  
  axios
    .post("http://localhost:3001/api-php/test.php", formData, {
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
      }
    })
    .then((response) => {
      console.log(response);
    });
};

2. 修改Express中间件，传递POST数据给php-cgi #

需要将请求体通过标准输入传给php-cgi，同时设置CGI必要的环境变量：

const express = require("express");
const path = require("path");
const { exec } = require("child_process");
const cors = require("cors");
const bodyParser = require("body-parser");

const app = express();

app.use(cors());
// 同时解析表单编码和JSON格式的请求体
app.use(bodyParser.urlencoded({ extended: true }));
app.use(bodyParser.json());

const phpScriptsPath = path.join(__dirname, "/api-php");

app.all(/.+\.php$/, (req, res) => {
  const phpScript = path.join(
    phpScriptsPath,
    req.path.replace(/^\/api-php\//, "")
  );
  
  // 设置php-cgi所需的CGI环境变量
  const env = {
    ...process.env,
    REQUEST_METHOD: req.method,
    CONTENT_TYPE: req.get('Content-Type') || '',
    CONTENT_LENGTH: req.body ? Buffer.byteLength(JSON.stringify(req.body)) : 0,
  };

  const phpCgiProcess = exec(`php-cgi -f ${phpScript}`, { env }, (error, stdout, stderr) => {
    if (error) {
      console.error("执行PHP脚本出错:", error);
      res.status(500).send("执行PHP脚本出错");
      return;
    }

    if (stderr) {
      console.error("PHP错误:", stderr);
      res.status(500).send("PHP错误");
      return;
    }

    res.send(stdout);
  });

  // 将请求体写入php-cgi的标准输入
  if (req.body) {
    phpCgiProcess.stdin.write(JSON.stringify(req.body));
  }
  phpCgiProcess.stdin.end();
});

const port = process.env.PORT || 3001;
app.listen(port, () => {
  console.log(`服务器运行在端口 ${port}`);
});

此时PHP的$_POST['var']即可正常获取值。

解决方案二：PHP直接读取JSON请求体（无需修改axios格式） #

如果不想改动axios的请求格式，可让PHP直接读取原始JSON请求体：

修改PHP脚本 #

<?php
// 读取原始请求体内容
$rawData = file_get_contents('php://input');
// 解析为关联数组
$data = json_decode($rawData, true);
// 安全获取var值，避免未定义索引错误
$var = $data['var'] ?? '';
echo $var;
?>

同时需确保Express中间件添加app.use(bodyParser.json())解析JSON请求体，并按方案一中的Express修改部分传递请求体给php-cgi。

关键注意点 #

• php-cgi作为CGI程序，必须依赖环境变量和标准输入才能处理POST请求，不能仅靠执行命令传递数据。
• 若后续涉及文件上传（multipart/form-data），需额外处理文件流传递，建议使用专门的npm库简化操作。

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