代码之家 › 专栏 › 技术社区 › 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

推荐文章

Costin · ASP。NET核心和角度部署-页面刷新给出404错误

4 年前

Kotikigor · Cookie无法工作[关闭]

8 年前

yrv16 · 部署项目和编译资产的正确方法

8 年前

Infinito · Java web应用程序部署Heroku

8 年前

user4092086 · 尝试部署时,Openshift失败并停止构建节点js应用程序

8 年前

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

8 年前

Neelanjana Nayar · 如何在Apache Tomcat服务器中部署IntelliJ IDEA项目?

8 年前

Andrew · “您没有查看此目录或页面的权限。”仅在Azure上切换到生产后出错

8 年前

naila naseem · 应用程序在部署spring boot和角度错误代码H10 heroku时崩溃

8 年前

Shalem · 如何发布。Net解决方案,包含通过Visual Studio到Azure的多个项目

8 年前