Firebase云函数中Request header始终为undefined问题求助

我来帮你一步步排查这个Authorization头始终返回undefined的问题，咱们从几个关键方向入手：

1. 先确认客户端请求是否正确携带了Authorization头 #

首先要排除问题出在客户端的可能性：

• 检查你的客户端请求代码，确保Authorization头的拼写完全正确（别少写字母或者大小写错了，不过浏览器会自动标准化，但还是要注意）。比如用fetch的正确写法应该是这样：

fetch('https://us-central1-你的项目ID.cloudfunctions.net/app', {
  method: 'GET', // 或者和你函数允许的POST方法一致
  headers: {
    'Authorization': 'Bearer 你的令牌内容',
    // 如果是POST请求，记得加Content-Type头
    'Content-Type': 'application/json'
  }
})

• 打开浏览器的开发者工具（Network面板），发送请求后找到对应的请求条目，查看「Request Headers」里是否存在Authorization字段。如果这里都没有，那问题肯定出在客户端代码或者浏览器环境。

2. 完善云函数的CORS预检请求处理 #

浏览器发送带自定义头（比如Authorization）的请求前，会先发送一个OPTIONS预检请求。你的现有代码虽然设置了CORS头，但没有专门处理OPTIONS请求，这可能导致浏览器阻止后续的实际请求：

const functions = require('firebase-functions');
exports.app = (req, res) => { 
  // 先处理OPTIONS预检请求
  if (req.method === 'OPTIONS') {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Headers', 'Authorization, X-Requested-With');
    res.header('Access-Control-Allow-Methods', 'GET, OPTIONS, POST');
    // OPTIONS请求不需要返回内容，用204状态码即可
    return res.status(204).send('');
  }

  // 处理实际的GET/POST请求
  res.header('Access-Control-Allow-Origin', '*');
  res.header('Access-Control-Allow-Headers', 'Authorization, X-Requested-With');
  res.header('Access-Control-Allow-Methods', 'GET, OPTIONS, POST');
  
  // 尝试两种方式获取头，确保能拿到
  console.log('authorization via req.get:', req.get('authorization'));
  console.log('authorization via headers:', req.headers.authorization);
  res.status(200).send('authorization test'); 
};

部署修改后的函数，再测试看看日志里能不能拿到头。

3. 排查环境干扰因素 #

• 有些浏览器隐私扩展、广告拦截器会自动移除Authorization这类敏感请求头，你可以尝试在无痕模式下测试请求，看是否能正常获取头。
• 如果是本地开发用了代理工具（比如nginx、本地反向代理），检查代理配置有没有修改或丢弃请求头的规则。

4. 检查Firebase配置的特殊情况 #

如果你用了Firebase Hosting的重写规则把请求转发到云函数，确保firebase.json里的重写配置没有移除请求头：

{
  "hosting": {
    "rewrites": [
      {
        "source": "/app",
        "function": "app"
      }
    ]
  }
}

默认情况下Hosting转发请求不会修改头，但如果有自定义配置的话要额外检查。

先按这些步骤排查，应该能找到问题所在！

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