Как использовать vue.js и firebase (каталог-структура)

Question

Когда вы устанавливаете firebase, папка public и index.html создаются автоматически.Я не уверен, куда поместить общедоступную папку в текущей файловой структуре проекта vue.Экран 'localhost: 8080' отображается правильно, но экран с использованием хостинга Firebase не отображается.

Этот путь является проектом Vue.C: \ Users \ username \ public \ vue-project

И этот путь является публичной папкой Firebase.C: \ Users \ имя пользователя \ public

Затем я запустил 'firebase deploy' в cmd.

1. cd C: \ Users \ username> firebase deploy
2. cd C: \ Users \ имя пользователя \ public> firebase deploy

Answer 1

Если, как вы упомянули в своих комментариях выше, вы по-прежнему видите страницу приветствия Firebase по умолчанию, это означает, что, вероятно, вы неправильно ее перезаписали.

Вы должны поместить весь контент вашего vueПапка .js dist (сгенерированная с помощью npm run build) в папку public хостинга Firebase (и перезаписать файл по умолчанию index.html, изначально созданный сценарием установки проекта Firebase).

Затем в васfirebase.json файл, который вы переписали для обработки поведения одностраничного приложения вашего приложения vue.js.

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