Firebase云函数onRequest中如何获取req.originalUrl及完整请求URL

Firebase HTTP函数的请求对象虽兼容Express风格，但默认场景下req.url/req.originalUrl的表现可能和预期不同，以下分两种场景给出解决方案：

场景1：直接访问Cloud Functions端点 #

如果表单直接提交到Cloud Functions原生端点（如https://<项目ID>.cloudfunctions.net/<函数名>/services/renovation?q=houserenovation），可直接从请求对象中获取路径和完整URL：

exports.submitLead = functions.https.onRequest((req, res) => {
  // 获取带查询参数的路径
  const originalPath = req.originalUrl; // 输出 /services/renovation?q=houserenovation
  // 拼接完整请求URL
  const fullUrl = `https://${req.headers.host}${originalPath}`;
  
  console.log(originalPath);
  console.log(fullUrl);
  
  // 处理销售线索存储逻辑...
  res.status(200).send('提交成功');
});

若此时req.originalUrl仍为"/"，检查表单的action属性是否正确包含路径部分：

• 错误写法：<form action="https://xxx.cloudfunctions.net/submitLead" method="POST">
• 正确写法：<form action="https://xxx.cloudfunctions.net/submitLead/services/renovation" method="POST">

场景2：通过Firebase Hosting转发请求（使用重写规则） #

如果表单提交到Firebase Hosting域名（如https://xxx.web.app/services/renovation），并通过重写规则将请求转发到函数，此时req.url会被重置为"/"，需从请求头中提取原始路径和主机：

exports.submitLead = functions.https.onRequest((req, res) => {
  // 从请求头获取原始路径（含查询参数），降级使用req.originalUrl作为备选
  const originalPath = req.headers['x-forwarded-path'] || req.originalUrl;
  // 从请求头获取原始主机，降级使用req.headers.host作为备选
  const originalHost = req.headers['x-forwarded-host'] || req.headers.host;
  // 拼接完整URL
  const fullUrl = `https://${originalHost}${originalPath}`;
  
  console.log(originalPath);
  console.log(fullUrl);
  
  // 处理销售线索存储逻辑...
  res.status(200).send('提交成功');
});

同时确保firebase.json中的重写规则配置正确：

{
  "hosting": {
    "public": "public",
    "rewrites": [
      {
        "source": "**",
        "function": "submitLead"
      }
    ]
  }
}

额外提示 #

• 若使用Express框架挂载路由，确保路由配置与表单提交路径匹配：

  const express = require('express');
  const app = express();
  
  app.post('/services/renovation', (req, res) => {
    const fullUrl = `https://${req.headers.host}${req.originalUrl}`;
    // 处理逻辑...
    res.send('提交成功');
  });
  
  exports.submitLead = functions.https.onRequest(app);
  

• 若不想在URL中暴露查询参数，可改用隐藏表单字段传递信息，比如：
  <input type="hidden" name="q" value="houserenovation">

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