提问人：Steven Pfeifer 提问时间：8/27/2019 更新时间：8/27/2019 访问量：1208
如何最好地将 Azure CDN 用于 WebApp 的前端（后端是 .net 核心 Web API）How to best use Azure CDN for front-end of WebApp （backend is .net core Web API）
How to best use Azure CDN for front-end of WebApp (backend is .net core Web API)
问：
我有一个完全用 Vue 构建的前端 WebApp，以及一个后端 WebApi，它为使用 ASP.Net Core 构建的网站提供服务。我想将 Azure CDN 与我的 WebApp 一起使用，因为我的应用服务计划有相当大的需求，只是为了使用 WebApp 提供前端 javascript、html 和图像文件。
是否可以使用 Azure CDN 为整个 WebApp 提供服务？或者不建议这样做，因为我在从网站的 CDN 版本访问后端 API 时遇到问题......
我是否应该只将 CDN 用于图像、脚本和 css 文件？或者是否可以将 CDN 用于完整的 WebApp？我很难设置所有这些，而且 Azure 上的文档对于我应该在 CDN 上拥有的目标不是很简单。
我基本上想知道我能做些什么来使我的 WebApp 加载速度尽可能快，并将 WebApp 前端的请求卸载到不使用后端 API 资源的服务器。然而，我仍然希望访问我的后端 API，因为所有用户帐户都会动态显示从 API 加载的数据。
提前感谢您的任何帮助，任何方向将不胜感激。
答：
2赞
Steve
8/27/2019
#1
您可以按照有关如何配置静态网站托管的教程进行操作
托管前端涉及 2 个步骤：
使用 Blob 存储托管静态网站。
配置 Azure CDN 以配置静态网站的自定义域名。
为了从前端调用后端，必须确保两个站点都通过同一域公开。 或者，在后端启用 CORS，以便浏览器允许前端使用来自后端的响应。
评论
0赞
Steven Pfeifer
8/27/2019
在 CDN 上拥有整个前端 SPA 是个好主意吗？或者我应该只尝试将图像、css、js 文件等放在 CDN 上，并从我的源站引用这些文件。感谢您的快速回复！
2赞
Steve
8/27/2019
您可以将整个 SPA 放在 CDN 上。CDN 非常擅长提供静态资产，通过使用它来做到这一点，你可以确保只有需要某种计算的请求才会定向到你的 Web API。
0赞
Steven Pfeifer
8/27/2019
我仍然在设置自定义域时遇到麻烦，但如果您能够偶然提供帮助，请在一个新问题中添加了此内容 stackoverflow.com/q/57665919/7242722
评论