如何使用 nuxt firebase 部署网络应用程序？

Question

我已经将 nuxt firebase 插件安装到我的网络应用程序中，当我在本地提供生成的文件夹 (dist) 时，它运行完美。但是当我将它部署到服务器时，我的网络应用程序甚至无法识别任何 nuxt firebase 命令并导致这样的错误。

我是不是漏掉了什么配置？

这是获取令牌的代码

  let currentToken;
  try {
    const permission = await Notification.requestPermission()
    currentToken = await this.$fire.messaging.getToken();
    //console.log(currentToken);
    this.model.DeviceToken = currentToken;
  } catch (e) {
    console.error('An error occurred while retrieving token. ', e);
  }

Answer 1

不久前我遇到了类似的问题。仔细检查您的 firebase.json 文件。以确保当您使用 CLI 时，它被设置为将所有内容重写为 index.html。它应该是这样的

{
  "hosting": {
    "public": "./dist",
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html" <------
      }
    ]
  }
}

如果这不起作用，您可以尝试从 nuxt.config.js 中删除 ServerMiddleware 并在其自己的模块中实现它，如

中所示