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和成功轉到URL提供的firebase-tools命令行的消息。如果您使用Chrome，我會執行「清空緩存和硬重新載入」以清除緩存。

如果你去的火力控制檯項目，在託管儀表盤，文件在/dist文件夾的數量應匹配的文件數列出的最近的「部署歷史」的條目。

希望有幫助！