angular - 路由超时。 Angular 9 通用 + Firebase

Question

我正在尝试设置 Angular 9 Universal + Firebase 应用程序。我已将通用包添加到我的项目和 Firebase 云功能中以支持 SSR。这是我的云函数的代码:

import * as functions from 'firebase-functions';
import * as path from 'path';

const universal = require(path.resolve(__dirname, '../dist/server/main')).app;

export const ssr = functions.runWith({ memory: "2GB", timeoutSeconds: 120 }).https.onRequest(universal);

我的 Firebase 配置:

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

构建通过且没有错误，应用程序似乎工作正常但路由不起作用。主路线 (/) 加载良好，我可以毫无错误地导航到其他路线，但如果我尝试在新选项卡中打开任何其他路线(例如 /books)或重新加载已经打开的路线我会得到超时异常。这是屏幕截图:

我不知道为什么会出现这个错误。我已经尝试将超时时间增加到 120 秒，但没有帮助。任何建议我该如何解决？

Answer 1

如果您使用的是 angular universal 的脚手架版本并且您没有更改 server.ts 文件中的任何内容，则必须将调用通用函数的结果传递给 onRequest 函数。

所以，你必须改变这个:

const universal = require(path.resolve(__dirname, '../dist/server/main')).app;

export const ssr = functions.runWith({ memory: "2GB", timeoutSeconds: 120 }).https.onRequest(universal);

为此(你必须调用通用函数):

const universal = require(path.resolve(__dirname, '../dist/server/main')).app;

export const ssr = functions.runWith({ memory: "2GB", timeoutSeconds: 120 }).https.onRequest(universal());

为什么这是必要的？您的 app 函数不接收任何参数，并返回一个 server 对象(实际上是一个 Express-application 对象)。 onRequest 函数接收一个匿名函数，该函数接收一个 request 和一个 response。因此将 app 函数传递给 onRequest 没有多大意义。

我昨天遇到了这个完全相同的问题，我真的不知道 Firebase 如何能够提供根路由 (/)，而不是任何子路由。

无论如何，我希望这个答案能解决您的问题!

卢西亚诺。