如何將基於react.js的SPA部署到Azure App Service + CDN？

Question

我正在創建一個基於react.js的SPA，我將在發佈時着陸頁面。靜態着陸頁應該有一個指向完整SPA的動作按鈕。

對於AWS，我意識到這是通過簡單地使用S3和Cloudfront完成的，並且Cloudfront還允許路由到404上的自定義錯誤頁面。這意味着不需要服務器代碼來處理此問題，並且它可以釋放一些服務器資源？

然而，對於Azure，我不確定如何模仿這樣的架構。我猜我應該使用Blob存儲來存儲SPA和着陸頁，但是我怎麼能夠模仿Cloudfront的功能？ Azure CDN是否足夠？謝謝！

Answer 1

Azure CDN支持緩存Web應用程序。

您可以使用SPA和自定義路由規則以及404錯誤頁面構建一個簡單的Azure Web應用程序。然後創建Azure CDN，將Origin type配置爲web app，然後在Origin hostname下拉列表中選擇或鍵入您的原始域。

您可以參考https://azure.microsoft.com/en-us/documentation/articles/cdn-create-new-endpoint/詳細步驟。