如何将基于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/详细步骤。