Angular 4 firebase托管项目

我想在Firebase上部署我的angular 4项目我已阅读此链接stackoverflow question ..我遵循所有步骤（构建项目等），并且Firebase为我提供了一个URL，以查看我的部署的项目。但是，在这个链接上我只看到这个图像。Angular 4 firebase托管项目

我该如何上传项目？只是生成文件夹足以上传整个应用程序，或者我需要手动做更多的事情？

来源

2017-08-03 Zekelonas

你需要确保'public'场在'firebase.json'设置为通过角编译构建输出目录。现在看起来它只是默认的'public'目录。 –

我的'firebase.json'目前是''hosting'：'public'：“dist”，'和我选择使用dist文件夹作为公共目录时，我使用了firebase init命令。 – Zekelonas

如果您使用@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和成功转到URL提供的firebase-tools命令行的消息。如果您使用Chrome，我会执行“清空缓存和硬重新载入”以清除缓存。

如果你去的火力控制台项目，在托管仪表盘，文件在/dist文件夹的数量应匹配的文件数列出的最近的“部署历史”的条目。

希望有帮助！

来源

2017-08-03 19:37:21

Angular 4 firebase托管项目

回答

相关问题