如何将基于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 App。然后创建Azure CDN，将Origin type配置为web app，并在Origin hostname下拉列表中选择或键入您的原始域。

您可以参考https://azure.microsoft.com/en-us/documentation/articles/cdn-create-new-endpoint/了解详细步骤。