Angular 4 firebase托管项目

Question

我想在Firebase上部署我的angular 4项目 我看过这个链接stackoverflow question ..我按照所有步骤（构建项目等...），Firebase给了我一个url来查看我部署的项目。 但是，在这个链接上我只看到了这张图片。

我应该如何上传项目？ 只是构建文件夹足以上传整个应用程序或我需要更多手动做一些事情???  

Answer 1

如果您使用@angular/cli构建项目，则需要按以下方式设置firebase.json文件（忽略数据库和其他规则）：

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

您希望确保firebase.json文件与.angular-cli.json和cli生成的内置'dist'文件夹位于同一目录级别。

结构应如下所示：

dist/
e2e/
src/
.angular-cli.json
firebase.json

运行ng build --prod，然后firebase deploy与firebase.json处于同一级别，并在成功时转到提供firebase-tools命令行消息的URL。如果您使用Chrome，我会执行“清空缓存和硬重新加载”以清除缓存。

如果您转到项目的firebase控制台，则在主机信息中心中，/dist文件夹中的文件数应与最近输入的文件数相匹配。 “部署历史”。

希望这有帮助！