Firebase托管重写连接云函数及Express路由报错排查求助

我来帮你排查这个问题，你遇到的TypeError: Cannot read property 'apply' of undefined错误主要是两个关键配置错误导致的，下面一步步帮你修正：

错误根源分析 #

1. CORS中间件使用错误：你直接把cors函数本身传给了app.use()，但Express的use方法需要的是执行后的中间件函数，而不是函数引用。
2. 云函数导出错误：你把Express的Router实例直接传给了functions.https.onRequest()，但这个方法需要接收完整的Express App实例（或者符合(req, res)签名的处理函数），Router本身无法独立处理HTTP请求的生命周期。

修正后的代码 #

1. 更新/functions/index.js #

const functions = require("firebase-functions")
const admin = require("firebase-admin")
const cors = require("cors")
const express = require("express")
const apiRoute = require("./api")

// 初始化Firebase Admin（现在无需手动传配置，Firebase会自动读取环境配置）
admin.initializeApp()

const app = express()
// 执行cors()生成中间件函数，而不是直接传cors引用
app.use(cors())
// 将路由挂载到/app前缀下
app.use("/api", apiRoute)

// 把完整的Express App实例传给onRequest，而不是单独的Router
exports.api = functions.https.onRequest(app)

2. /functions/api.js保持原样即可 #

const router = require("express").Router()
router.get("/data", (req, res) => {
 res.send(`this is data`)
})
module.exports = router

验证Firebase Hosting重写规则 #

你的firebase.json重写配置是正确的，确保它的格式如下：

{
  "hosting": {
    "public": "public",
    "ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
    "rewrites": [
      { "source": "/api/**", "function": "api" }
    ]
  }
}

前端正确调用方式 #

因为配置了Hosting重写，你可以像调用普通后端API一样发起请求，无需直接调用云函数的原始URL：

// 前端GET请求示例（用fetch API）
fetch('/api/data')
  .then(response => response.text())
  .then(data => {
    console.log(data); // 输出：this is data
  })
  .catch(error => {
    console.error("请求出错：", error);
  });

本地测试步骤 #

1. 确保安装了Firebase CLI：npm install -g firebase-tools
2. 启动本地模拟器：firebase emulators:start
3. 访问http://localhost:5000/api/data（默认Hosting模拟器端口是5000），就能看到预期响应。

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