Angular-Cli Firebase Hosting：如何接收外部服务器的查询字符串

这问题我太熟了！核心原因其实很简单：window.location.href是浏览器专属的API，只有当Angular代码在用户的浏览器里运行时，它才能正确拿到地址栏里的完整URL。但当你用PHP的file_get_contents（应该是你写的get_content的完整版）发起跨服务器请求时，情况完全不一样：

为什么会失效？ #

• 如果你的Angular应用是纯客户端渲染（CSR）：PHP脚本获取到的只是Angular的初始index.html文件，此时客户端JS根本没机会执行——毕竟PHP只是把页面内容拉回来，不会在服务器上跑浏览器的JS逻辑，所以那段记录URL的代码完全没触发。
• 如果是服务器端渲染（SSR，比如Angular Universal）：服务器端的Node.js环境里根本没有window这个对象，直接调用window.location.href要么报错，要么拿不到外部请求的真实URL（因为服务器收到的是PHP脚本的请求，不是浏览器的）。

解决办法 #

1. 区分环境，适配客户端/服务器端获取URL #

如果你的应用用了SSR，或者需要兼顾两种场景，用Angular提供的工具来判断环境，分别获取URL：

import { Component, Inject, PLATFORM_ID } from '@angular/core';
import { isPlatformBrowser, Location } from '@angular/common';
// 如果是Angular Universal，需要引入REQUEST token
import { REQUEST } from '@nguniversal/express-engine/tokens';

@Component({
  // 组件元数据
})
export class YourComponent {
  constructor(
    private location: Location,
    @Inject(PLATFORM_ID) private platformId: Object,
    @Inject(REQUEST) private request: any // SSR时注入请求对象
  ) {
    let currentUrl: string;

    if (isPlatformBrowser(this.platformId)) {
      // 浏览器环境：用window或者Angular的Location服务
      currentUrl = window.location.href;
      // 或者更Angular化的写法：拼接origin和带query的路径
      // currentUrl = `${window.location.origin}${this.location.path(true)}`;
    } else {
      // 服务器端环境：从请求对象里拿真实URL
      currentUrl = `${this.request.protocol}://${this.request.get('host')}${this.request.originalUrl}`;
    }

    // 执行保存URL的逻辑
    // saveTheInfo(currentUrl);
  }
}

2. 完全转移到服务器端记录（更靠谱的方案） #

如果你的需求是不管请求来自浏览器还是外部脚本，都要记录URL，别依赖客户端JS，直接在服务器端处理：

• 如果你用Firebase Hosting+Functions：写一个HTTP函数，先记录请求的URL，再把请求转发到你的Angular页面。
• 如果你用Express托管Angular：加个中间件，每次收到请求先记录URL，再返回静态文件：

const express = require('express');
const app = express();

// 中间件：记录请求URL
app.use((req, res, next) => {
  const fullUrl = `${req.protocol}://${req.get('host')}${req.originalUrl}`;
  console.log('收到请求URL:', fullUrl);
  // 这里写保存到数据库/日志的逻辑
  next();
});

// 托管Angular的静态文件
app.use(express.static('dist/your-angular-app'));

app.listen(3000, () => console.log('服务器运行中'));

这样一来，不管是用户浏览器访问，还是PHP脚本发起请求，服务器都会第一时间拿到完整URL并记录，完全避开了客户端JS的局限性。

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