[Vuejs]-How to use vue.js and firebase (directory-structure)

by

1👍

✅

If, as you mention in your comments above, you still see the default Firebase “Welcome” page it means that probably you didn’t overwrite it correctly.

You should put the entire content of your vue.js dist folder (generated through npm run build) into the public folder of Firebase hosting (and overwrite the default index.html file initially generated by the Firebase project setup script).

Then in you firebase.json file you have the following rewrite in order to handle the Single Page Application behavior of you vue.js application.

{
  "hosting": {
    "public": "public",
    ...
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}
👤Renaud Tarnec

Leave a comment