如何将基于 react.js 的 SPA 部署到 Azure App Service + CDN？答案

【问题标题】：How to deploy a react.js based SPA to Azure App Service + CDN?如何将基于 react.js 的 SPA 部署到 Azure App Service + CDN？
【发布时间】：2016-12-20 19:41:26
【问题描述】：

我正在创建一个基于 react.js 的 SPA，我将在发布时创建一个登录页面。静态登录页面应该有一个指向完整 SPA 的操作按钮。

对于AWS，我意识到这是通过简单地使用S3和Cloudfront来完成的，而且Cloudfront还允许路由到404上的自定义错误页面。这意味着不需要服务器代码来处理这个，它可能会释放一些服务器资源？

但是，对于 Azure，我不确定如何模仿这样的架构。我猜我应该使用 Blob 存储来存储 SPA 和登录页面，但是我如何才能模仿 Cloudfront 的功能呢？ Azure CDN 是否足够？谢谢！

【问题讨论】：

blogs.msdn.microsoft.com/azureossds/2015/11/28/…

标签： azure reactjs azure-web-app-service single-page-application azure-blob-storage

【解决方案1】：

Azure CDN 支持缓存 Web 应用。

您可以使用 SPA 和自定义路由规则以及 404 错误页面构建简单的 Azure Web 应用。然后创建 Azure CDN，将 Origin type 配置为 web app，并在源主机名下拉列表中选择或键入您的源域。

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

【讨论】：