部署Firebase Web应用时调用接口出现404错误求助

核心问题分析与修复步骤 #

1. 云函数未正确导出 #

你的代码只定义了路由规则，但没有将Express服务器暴露为Firebase可识别的云函数。Firebase要求HTTP函数必须通过exports关键字导出，否则部署后无法被外部访问。

修复代码：
在index.js末尾添加以下内容（确保已引入firebase-functions依赖）：

const functions = require('firebase-functions');

// 将Express服务器导出为云函数，名称需与firebase.json中的rewrite配置一致
exports.test = functions.https.onRequest(server);

同时确认你的Express实例初始化完整，比如：

const express = require('express');
const router = express.Router();
const server = express();
server.use(router); // 把路由挂载到服务器实例上

2. 手动监听端口阻断外部请求 #

在Firebase云函数环境中，不需要手动调用server.listen()。你当前代码里的server.listen(port,'127.0.0.1');会强制服务仅监听本地回环地址，直接导致外部请求无法到达，这是404错误的关键诱因。

修复方法：
删除以下两行代码：

server.listen(port,'127.0.0.1');
console.debug('Server listening on port ' + port);

3. Rewrite规则与函数名不匹配 #

你的firebase.json中rewrite规则指定了"function": "test"，但存在两个潜在问题：

• 如果未导出名为test的云函数，路由无法映射
• 你使用了多codebase配置（codebase: "map-print"），需要明确指定codebase路径

修复配置：
修改rewrites字段为：

"rewrites": [
  {
    "source": "/test",
    "function": "map-print/test"
  }
]

4. 确认云函数部署状态 #

部署完成后登录Firebase控制台，进入函数页面：

• 检查test函数是否存在
• 查看函数状态是否为「已部署」
• 如果部署失败，查看日志排查依赖缺失、语法错误等问题

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