如何使用.Net Core WebApi将Azure CDN与前端SPA和Azure WebApp配置到相同的自定义域？

Question

我想将https://example.com作为我已设置的Azure CDN的自定义域，并将https://example.com/api作为其余api端点来捕获从我的SPA到所有SPA的所有呼叫后端.Net Core Web API提供数据。

如何在App Service上设置自定义域以提供https://example.com/api，并使用相同的自定义域为Azure CDN提供所有前端SPA网页？

现在，我只为App Service配置了自定义域，但我想将前端SPA移动到Azure CDN，以便为Web API释放尽可能多的资源。

提前谢谢，任何方向将不胜感激。

Answer 1

遗憾的是，在两个不同的公共服务中添加相同的自定义域是不可能的，因为只有当您需要通过CNAME向CDN端点和App服务添加custom domains时，才能使用该名称上没有其他记录的CNAME记录。 DNS记录。 请参阅CNAME记录wiki 。

在这种情况下，您可以在本教程之后通过CNAME DNS记录向Azure CDN端点添加自定义域，但是您需要创建子域，如subdomain.example.com而不是根域example.com ，然后添加子域到Azure CDN端点的custom domains 。

Answer 2

您可以引入另一个资源，如Azure Front Door ，它可以充当代理，并将CDN和您的App Service隐藏在单个域之后。

Front Door允许您配置路由规则，以便将/api请求路由到App Service，并将静态资产请求路由到CDN。

然后，您可以将DNS CNAME设置为Front Door，并将所有请求发送到那里，而不是直接发送到CDN或App Service。

这为您提供了无需担心CORS的优势，因为从外部角度来看，所有内容都来自同一个域。

它还有其他好处，例如允许您配置请求限制，SSL终止和全局负载平衡等等。