将使用 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 一起玩呢?
最佳答案
当您运行 firebase init
时,系统会询问几个问题,例如您想使用哪个 firebase 功能并选择您的项目...当 cli 要求时
? What do you want to use as your public directory?
键入 dist
您想要的文件夹。现在将部署 dist 文件夹。
检查这个link , 希望这有帮助。
关于firebase - 使用 Firebase 托管部署 Vue.js 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47933434/