代码之家 › 专栏 › 技术社区 › Travis Su

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

web-deployment vuejs2 web-applications npm firebase

Travis Su · 技术社区 · 8 年前

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

一个相对简单,只是 App.vue 具有可将信息传递到Firebase数据库的功能。

另一个是有一些复杂的vue组件和vue路由器的使用。

我对这两个应用程序执行了相同的步骤:

npm run build
firebase init

在回答了一些提示后(我安装的当前firebase工具只问我需要什么服务(托管),你想要使用什么项目(firebase项目))

之后,我配置了两个应用程序的firebase。json文件的方式相同:

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

这个 dist 从生成的文件夹 npm run build 这两个应用程序都没有包含任何html文件,我觉得很奇怪,所以我没有配置 ./dist

在我跑步之后 firebase deploy ,只有最简单的应用程序才能正确显示。另一张只是空白页。我的vue路由器不使用历史记录模式,如何修复?

1 回复 | 直到 8 年前

Gijo Varghese 8 年前

在建造之前,确保您拥有 index.html 文件

以下是您必须设置的正确配置:

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

我还写了一本关于 auto-deploying VueJS apps to Firebase hosting

推荐文章

Josue Abotsidia · 创建NextJS项目时出错

1 年前

Soon Winner · TypeError:superheroes.random在使用“超级英雄”npm包时不是函数[关闭]

1 年前

MeltingDog · 如何在Node.js中使用2个不同的命令行提示从1个文件运行2个不同函数?

2 年前

GG33 · 在docker中缓存npm包

2 年前

The Pythonious Guy · 找不到与说明符“remark retype”匹配的版本“^11.0.0”(但包存在)

2 年前

ikianm · 为什么npm install在NestJS/ubuntu中不能正常工作

2 年前

Ole · 使用之间有什么区别;在package.json脚本中?[副本]

2 年前

Abdul Qavi Shaikh · 终端无法识别npm和node,安装了nvm(在MAC上)

2 年前

Puschie · 在删除node_modules之前,npm无法解析依赖树

2 年前

Ângelo Rigo · 运行npx create vue时,我收到一条错误消息,无法创建vue应用程序

2 年前