将VueJS应用程序部署到Firebase后，该页面为空

Question

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

一个相对简单，只有一个App.vue，其功能可以将信息传递给Firebase数据库。

另一个很复杂，有几个vue组件和使用vue-router。

我对这两个应用程序采取了同样的步骤：

npm run build
firebase init

在回答了一些提示后（我安装的当前firebase工具只问我想要什么服务（主机），你要使用什么项目（Firebase项目））

之后我配置了两个应用程序＆＃39; firebase.json文件的方式相同：

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

从dist生成的npm run build文件夹中没有包含这两个应用的任何html文件，我认为这很奇怪所以我没有配置./dist的路径

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

Answer 1

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

以下是您要提供的正确配置：

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

我还在auto-deploying VueJS apps to Firebase hosting

上写了一篇深入的指南