Google Cloud Functions搭配Express部署时JS静态资源404问题求助

• 路由映射不匹配：你在Express中配置的静态资源规则是/js路径映射到public/js目录，但是HTML文件中引用JS的路径是/public/js/xxx.js，二者路径规则不一致，无法匹配到对应静态资源。
• Express实例未生效：你定义的Express实例仅配置了静态资源规则，并未挂载到Cloud Functions的请求处理逻辑中，所有请求直接走了返回HTML的逻辑，静态资源路由规则完全没有被触发。

1. 调整app.js代码，将所有请求交给Express实例处理，同时对齐静态资源路由规则：

const functions = require("firebase-functions");
const express = require("express");
const path = require("path");

const app = express();

// 配置静态资源路由，匹配前端引用的/public前缀路径
app.use("/public", express.static(path.join(__dirname, "public")));

// 根路径请求返回admin.html
app.get("/", (req, res) => {
  res.sendFile(path.join(__dirname, "public", "admin.html"));
});

// 所有函数请求交给Express实例处理
exports.admin = functions.https.onRequest(app);

2. （可选方案）如果你不想修改Express路由规则，也可以直接修改HTML中的JS引用路径，和现有路由对齐：

<script type="module" src="/js/auth.js"></script>
<script src="/js/main.js"></script>

3. 若部署后仍出现404，可将JS引用改为相对路径（去掉开头的/），避免Cloud Functions自带的函数名路径前缀导致绝对路径匹配失败：

<script type="module" src="public/js/auth.js"></script>
<script src="public/js/main.js"></script>

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