在Express.js中能否同时返回HTML与PHP文件？附示例代码

直接给你结论：Express完全可以为不同路由返回HTML和PHP文件，但你的示例代码有两处小错误，而且如果想让PHP代码执行（而不是直接返回源码），还需要额外配置PHP解析环境。

先修正你的基础代码错误 #

你的原始代码里有两个明显的问题：

• require('express.js') 应该写成 require('express')——npm包的名称就是express，不是带.js后缀的
• res.sendFile('__dirname + '/index.php') 的字符串拼接逻辑错了，这样会把__dirname当成字符串的一部分，导致找不到文件。正确的写法是用模板字符串或者直接拼接变量和字符串

修正后的基础代码（仅返回文件内容，PHP不会执行）：

const express = require('express');
const app = express();

// 访问/html时返回HTML文件
app.get('/html', (req, res) => {
  // 用模板字符串更清晰
  res.sendFile(`${__dirname}/index.html`);
});

// 访问/php时返回PHP文件（此时浏览器会显示PHP源码，不会执行）
app.get('/php', (req, res) => {
  res.sendFile(`${__dirname}/index.php`);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000!');
});

让PHP代码真正执行起来 #

如果你的需求是让PHP代码运行并返回执行后的结果（而不是源码），Express本身做不到这一点——因为Express是Node.js框架，不自带PHP解析器。你需要借助中间件来对接PHP环境：

步骤1：准备PHP环境 #

确保你的服务器上已经安装了PHP（比如PHP-CLI或者PHP-FPM），并且PHP命令能在终端正常运行（或者知道PHP的完整路径）。

步骤2：使用PHP中间件 #

推荐用php-express这个包来处理PHP请求，先安装依赖：

npm install php-express

步骤3：配置Express对接PHP #

下面是完整的示例代码，能让PHP文件被执行后返回结果：

const express = require('express');
const app = express();
// 初始化php-express，指定PHP的路径（如果PHP不在环境变量里，填完整路径比如'/usr/bin/php'）
const phpExpress = require('php-express')({
  binPath: 'php'
});

// 设置PHP文件的存放目录，比如放在项目根目录下的views文件夹里
app.set('views', './views');
// 注册PHP模板引擎
app.engine('php', phpExpress.engine);
app.set('view engine', 'php');

// 处理/php路由，渲染执行后的PHP内容
app.get('/php', (req, res) => {
  res.render('index.php');
});

// 处理/html路由，返回静态HTML文件
app.get('/html', (req, res) => {
  res.sendFile(`${__dirname}/index.html`);
});

// 可选：让中间件自动处理所有.php后缀的请求
app.all(/.+\.php$/, phpExpress.router);

app.listen(3000, () => {
  console.log('Server running on port 3000 - PHP and HTML routes are ready!');
});

额外注意事项 #

• 如果是生产环境，不建议用这种Node.js中间件的方式处理PHP，更稳定的方案是用Nginx做反向代理，把PHP请求转发给PHP-FPM，HTML和Node.js请求交给Express
• 确保你的PHP文件没有语法错误，否则会返回500错误或者执行失败的内容

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