在Angular Universal中，如何处理仅来自服务器端的http请求

// 服务器端 Express 应用程序
import { ngExpressEngine } from '@nguniversal/express-engine';
import * as express from 'express';
import { join } from 'path';

const app = express();

// 设置 Angular Universal
app.engine('html', ngExpressEngine({
  bootstrap: AppServerModule,
}));

app.set('view engine', 'html');
app.set('views', join(__dirname, 'dist'));

// 定义路由处理程序
app.get('/api/data', (req, res) => {
  // 在这里处理仅来自服务器端的 HTTP 请求
  // 可以使用 Angular 的 HttpClient 模块发起请求
  // 使用 TransferState 传递数据到客户端渲染时使用
});

// 其他路由处理程序...

// 启动服务器
app.listen(3000, () => {
  console.log('服务器已启动');
});

// Angular Universal 应用程序
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { TransferState, makeStateKey } from '@angular/platform-browser';

const DATA_KEY = makeStateKey<string>('data');

@Component({
  selector: 'app-root',
  template: `
    <h1>Angular Universal</h1>
    <button (click)="fetchData()">获取数据</button>
    <div *ngIf="data">{{ data }}</div>
  `,
})
export class AppComponent implements OnInit {
  data: string;

  constructor(
    private http: HttpClient,
    private transferState: TransferState
  ) {}

  ngOnInit() {
    // 检查 TransferState 是否有数据
    if (this.transferState.hasKey(DATA_KEY)) {
      this.data = this.transferState.get(DATA_KEY, '');
      this.transferState.remove(DATA_KEY);
    }
  }

  fetchData() {
    // 发起 HTTP 请求
    this.http.get('/api/data').subscribe((data: string) => {
      this.data = data;

      // 将数据存储到 TransferState 中，以便在客户端渲染时使用
      this.transferState.set(DATA_KEY, data);
    });
  }
}