firebase - 使用 Firebase 托管部署 Vue.js 应用程序

Question

将使用 vue-cli 创建的 vue.js 应用初始部署到 Firebase 托管的最佳方式是什么？我准备了用于部署的 vue-app

npm 运行构建

这会创建文件夹“dist”，其中包含捆绑的 js 文件和图片等 Assets 。

然后- 在全局安装 firebase 工具后，我运行

firebase init

这将创建一个文件夹“public”，其中包含默认的 index.html 文件。

首先我在 firebase.json 中设置:

  "hosting": {
"public": "dist"

并将 index.html(vue index.hltm)从根文件夹复制到“dist”文件夹。然后我部署了

firebase deploy

它运行了，但是图片的路径似乎被破坏了。我在 firebase.json 中将公用文件夹设置为“public”

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

将 vue index.html 放在那里，但是找不到“dist”。我将“dist”文件夹移到了“public”文件夹中，最后应用程序在 firebase 上在线。

但是现在 npm run dev 不再工作了。 Firebase cli 似乎破坏了 vue-cli。

那么如何让 vue-cli 和 firebase-cli 一起玩呢？

Answer 1

当您运行 firebase init 时，系统会询问几个问题，例如您想使用哪个 firebase 功能并选择您的项目...当 cli 要求时

? What do you want to use as your public directory?

键入 dist 您想要的文件夹。现在将部署 dist 文件夹。

检查这个link , 希望这有帮助。