为什么在部署我的 Angular 9 + Firebase 应用程序后出现路由错误

Question

我正在使用 Firebase 创建 Angular 9 通用应用程序。 部署后（SSR 和非 SSR 版本）我开始面临问题：

• 当我 go 到主要路线（ / ）然后到任何其他路线时 - 一切正常
• 当我打开任何路线（ /article例如）然后强制重新加载页面（ CTRL + SHIFT + R ）我得到一个 500 错误

我的firebase.json ：

{
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "hosting": {
    "public": "dist/dailycoding/browser",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "function": "ssr"
      }
    ]
  }
}

这是控制台的错误

我的本地机器上没有这个错误，我不知道为什么它会发生在服务器上。 有什么建议吗？

Answer 1

我对ssr云 function 有问题。 由于错误，它没有部署，所以当我将firebase.json更改为以下一个时，我的路由再次开始工作。

{
  "firestore": {
    "rules": "firestore.rules",
    "indexes": "firestore.indexes.json"
  },
  "hosting": {
    "public": "dist/dailycoding/browser",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}