使用Firebase API调用时出现“需启用JavaScript”错误求助

问题分析 #

你收到的HTML响应是Firebase Emulator Suite的控制台UI页面，说明请求路径未命中你定义的Cloud Function接口，而是直接访问了模拟器根地址。同时代码存在依赖缺失问题，需要补充完善。

解决方案 #

1. 安装缺失依赖 #

代码中引入了express和cors，但package.json依赖列表未包含这两个包，执行以下命令安装：

npm install express cors

2. 修正代码逻辑 #

补充Firebase Admin初始化，同时启用CORS避免跨域问题，修改后的index.js如下：

// Functions
const functions = require('firebase-functions');
const admin = require('firebase-admin');
const express = require('express');
const cors = require('cors');
const app = express();

// 初始化Firebase Admin
admin.initializeApp();

// 启用CORS
app.use(cors({ origin: true }));

// Routes
app.get('/api/test', (req, res) => {
  return res.status(200).send("Hello! You have reached my Test API. All it does is this!")
});

// Export the api to Firebase cloud functions
exports.app = functions.https.onRequest(app)

3. 使用正确的API访问路径 #

启动模拟器后，控制台会输出类似如下的函数地址：

functions: Loaded functions from source: app.
functions: http function initialized at http://localhost:5001/你的项目ID/你的地区/app

在该地址后拼接路由/api/test，完整请求URL为：

http://localhost:5001/你的项目ID/你的地区/app/api/test

将此URL填入Postman发送GET请求，即可获取预期响应。

4. 确保模拟器服务纯净 #

启动模拟器时只加载Functions服务，避免和其他模拟器（如Hosting）产生路径冲突：

firebase emulators:start --only functions

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