如何最好地将 Azure CDN 用于 WebApp 的前端(后端是 .net core Web API)

How to best use Azure CDN for front-end of WebApp (backend is .net core Web API)

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

我可以使用 Azure CDN 为整个 WebApp 提供服务吗?或者这是不建议的,因为我在从网站的 CDN 版本到达后端 API 时遇到问题....

我是否应该仅将 CDN 用于图像、脚本和 css 文件?或者将 CDN 用于完整的 WebApp 是否可以接受?我很难设置所有这些,而且 Azure 上的文档对于我应该在 CDN 上拥有的内容不是很简单。

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

加载的数据

在此先感谢您的帮助,任何方向将不胜感激。

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

托管前端涉及 2 个步骤:

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

  2. 配置Azure CDN为静态网站配置自定义域名

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