How to deploy web app with nuxt firebase?

Question

I have installed the nuxt firebase plugin into my web app and when I serve the generated folder (dist) locally, it runs perfectly. But when I deploy it to the server, my web app doesnt even recognize any nuxt firebase command and causes an error like this.

Did I miss a configuration or something?

Here is the code to get the token

  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

I had a similar issue not too long ago. Double-check your firebase.json file. to ensure that when you are using the CLI it is set up to rewrite everything to index.html . It should look like this

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

If that does not work you can try removing ServerMiddleware from nuxt.config.js and implementing it in its own module, as demonstrated in this answer