问题可能是由于缓存机制引起的。在Angular中，Service Worker负责处理缓存和网络请求。如果API调用在主页上工作但在其他页面上不工作，可能是因为Service Worker在其他页面上使用了缓存的结果，而不是实际的API调用。

解决这个问题的方法是通过使用“Network-First”缓存策略来强制Service Worker在每个页面上都进行API调用。

以下是一个示例解决方案：

1. 打开ngsw-config.json文件，并找到assetGroups部分。
2. 在assetGroups中，找到包含您的API调用的组。例如，假设您的API调用位于api组中。
3. 在api组中添加一个strategy属性，并将其值设置为"network-first"。这将告诉Service Worker始终优先使用网络请求，而不是缓存结果。

以下是示例代码：

{
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",
          "/index.html",
          "/*.css",
          "/*.js"
        ]
      }
    },
    {
      "name": "api",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/api/*"
        ]
      },
      "strategy": "network-first"
    }
  ]
}

在上述示例中，api组的strategy属性设置为"network-first"，这将强制Service Worker在每个页面上使用网络请求来获取API调用结果。

要注意的是，这只是一个示例解决方案。根据您的具体情况，可能需要进行其他调整。同时，确保您的Service Worker已正确注册并启用。

希望这可以帮助您解决问题！