How to configure Azure CDN with front-end SPA and Azure WebApp with .Net Core WebApi to same custom domain?

。_饼干妹妹 提交于 2019-12-07 15:13:02

问题


I would like to have https://example.com as the custom domain for the Azure CDN I have setup, and https://example.com/api as the rest api endpoint to catch all of the calls from my SPA to the back-end .Net Core Web API providing the data.

How can I setup a custom domain on an App Service to serve the https://example.com/api and use the same custom domain for the Azure CDN to serve all of the front-end SPA web pages?

Right now, I have the custom domain configured for the App Service only, but I would like to move the front-end SPA to an Azure CDN to free up as many resources as possible for the Web API.

Thank you in advance, any direction would be greatly appreciated.


回答1:


You can introduce another resource like Azure Front Door that can act as a proxy and hides both the CDN and your App Service behind a single domain.

Front Door allows you to configure routing rules so that requests for /api get routed to the App Service and requests for static assets get routed to the CDN.

You can then set your DNS CNAME to Front Door and all requests will be sent there rather than directly to the CDN or your App Service.

This gives you the advantage of not needing to worry about CORS, because from an outside perspective everything is coming from the same domain.

It also has additional benefits like allowing you to configure request throttling, SSL termination and global load balancing to name a few.




回答2:


Unfortunately, it's impossible to add the same custom domain in two different public services since the CNAME record only can be used when there are no other records on that name when you need to add custom domains to your CDN endpoint and App service via a CNAME or A DNS record. See CNAME record wiki.

In this case, you could add a custom domain to your Azure CDN endpoint via a CNAME DNS record following this tutorial, but you need to create a subdomain like subdomain.example.com instead of the root domain example.com, then add the subdomain to the custom domains of Azure CDN endpoint.



来源:https://stackoverflow.com/questions/57665919/how-to-configure-azure-cdn-with-front-end-spa-and-azure-webapp-with-net-core-we

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!