Firebase Hosting路由到Express云函数配置故障求助

根据你提供的代码，核心问题是Firebase Hosting的重写路径与Express路由不匹配：

你的Hosting配置将/api/**指向名为api的云函数，但Express应用里的路由是/params——当用户访问/api/params时，云函数收到的完整请求路径是/api/params，而Express里没有对应这个路径的路由，所以会返回404。

下面是两种可行的修复方案：

方案一：给Express路由添加/api前缀 #

直接修改app.js，让所有业务路由都带上/api前缀，和Hosting的重写规则对齐：

const app = express();
// ...
app.use(cors());
// 给路由添加/api前缀
app.use('/api/params', paramsRoutes);
module.exports = app;

如果有多个路由，可以统一挂载到/api下，更简洁：

// 假设你的路由文件是routes/params.js
const paramsRoutes = require('./routes/params');
// 所有路由都自动带上/api前缀
app.use('/api', paramsRoutes);

方案二：在云函数中剥离/api前缀 #

如果不想修改Express路由，可以在云函数入口里处理路径，把/api前缀剥离后再转发给Express应用：
修改index.js：

const functions = require("firebase-functions");
const express = require('express');
const app = require('./app');

// 创建新的Express实例处理路径剥离
const apiHandler = express();
// 将/api开头的请求转发给原app，自动剥离/api前缀
apiHandler.use('/api', app);

exports.api = functions.https.onRequest(apiHandler);

额外检查项 #

1. 确保部署命令正确：
   • 部署云函数：firebase deploy --only functions
   • 部署Hosting配置：firebase deploy --only hosting
2. 本地测试用模拟器：firebase emulators:start，同时启动函数和Hosting服务，直接访问http://localhost:5000/api/params验证是否正常响应
3. 确认CORS中间件配置正确，允许Hosting域名（比如your-project-id.web.app）的请求

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