在部署的Vuejs应用程序到Firebase之后，该页面为空

Question

我尝试在Google Firebase中部署两个应用程序，

一个相对简单，只有一个 App.vue具有可以将信息传递到firebase数据库的函数。

另一个与多个Vue组件和Vue-Router的使用很复杂。

我遵循这两个应用程序的同一步骤：

npm run build
firebase init

回答了一些提示后(我安装的当前火箱工具只问我想要什么服务(托管(，您要使用什么项目(firebase project((

之后，我以相同的方式配置了两个应用程序的firebase.json文件：

{
"hosting": {
  "public": ""
}
}

从npm run build生成的dist文件夹都不包含两个应用程序的HTML文件，我认为它很奇怪，因此我没有配置通往./dist的路径

我运行firebase deploy后，只有最简单的应用程序才能正确显示。另一个只是空白页。我的vue-router不使用历史模式，如何修复？

Answer 1

构建之前，请确保您拥有index.html文件。

这是您要提出的正确配置：

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

我还写了一份关于自动删除vuejs应用程序的深入指南，以托管