c# - 如何最好地使用Azure CDN作为WebApp的前端(后端是.net core Web API)

Question

我有一个完全使用 Vue 构建的前端 WebApp，以及一个为使用 ASP.Net Core 构建的网站提供服务的后端 WebApi。我想将 Azure CDN 与我的 Web 应用程序一起使用，因为我的应用程序服务计划有相当大的需求，只是为了通过 Web 应用程序提供前端 javascript、html 和图像文件。

我可以使用 Azure CDN 提供整个 Web 应用程序吗？或者不建议这样做，因为我在从网站的 CDN 版本访问后端 API 时遇到问题......

我应该只使用 CDN 来存储图像、脚本和 CSS 文件吗？或者将 CDN 用于完整的 WebApp 是否可以接受？我很难设置所有这些，而且 Azure 上的文档对于我在 CDN 上的目标来说并不是很简单。

我本质上想知道我可以做些什么来使我的 WebApp 加载尽可能快，并将 WebApp 前端的请求卸载到不使用后端 API 资源的服务器。但我仍然希望访问后端 API，因为所有用户帐户都会动态显示从 API 加载的数据。

提前感谢您的任何帮助，任何指导将不胜感激。

Answer 1

您可以按照教程on how to configure static website hosting进行操作

托管前端涉及 2 个步骤:

1. 使用 Blob 存储托管静态网站。

2. 配置 Azure CDN 以配置静态网站的自定义域名。

为了从前端调用后端，您必须确保两个站点通过同一域公开。或者，enable CORS以便浏览器允许前端消费来自后端的响应。