如何用JavaScript从Firebase密码重置链接提取oobCode？

看起来你遇到的核心问题是服务器端在转发请求时没有传递原URL的查询参数，导致本地页面只能拿到自身的地址，没法获取密码重置链接里的关键oobCode。咱们一步步来解决：

1. 先排查服务器端的转发配置 #

当用户点击https://example.com/usermgmt?mode=resetPassword&oobCode=ABC123&...这类链接时，你的服务器会把请求转发到本地的reset_pwd.html，但这个过程中必须把原URL的查询参数（比如mode、oobCode）一起带过去，否则前端根本拿不到这些值。

• 如果用Nginx做反向代理，确保配置里保留了查询参数：

  location /usermgmt {
    proxy_pass http://127.0.0.1:80/reset_pwd.html?$query_string;
  }
  

  这里的?$query_string就是把原请求的所有查询参数追加到转发的URL后。

• 如果用Firebase Hosting，需要在firebase.json的重写规则里明确保留需要的参数：

  {
    "hosting": {
      "rewrites": [
        {
          "source": "/usermgmt",
          "destination": "/reset_pwd.html",
          "queryParameters": {
            "mode": true,
            "oobCode": true,
            "apiKey": true,
            "lang": true
          }
        }
      ]
    }
  }
  

2. 前端正确提取oobCode的方法 #

当服务器把参数传递过来后，本地页面的URL应该会变成http://127.0.0.1:80/reset_pwd.html?mode=resetPassword&oobCode=ABC123&...，这时候就可以用URLSearchParams来提取参数，比手动分割字符串更可靠：

function getOobCode() {
  const params = new URLSearchParams(window.location.search);
  const oobCode = params.get('oobCode');
  if (oobCode) {
    console.log('提取到的oobCode:', oobCode);
    // 这里可以继续处理Firebase密码重置逻辑
  } else {
    console.error('未找到oobCode参数，请检查服务器配置');
  }
}

// 页面加载时调用
window.addEventListener('load', getOobCode);

3. 验证配置是否生效 #

修改服务器配置后，点击测试用的密码重置链接，打开浏览器的开发者工具（F12），切换到Console标签，输入window.location.search，如果能看到包含oobCode=ABC123的字符串，说明参数已经传递成功，接下来就可以正常提取了。

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