不支持 Azure CDN“标准 Microsoft”层预检“选项”

Question

我正在使用Azure CDN（例如：https://example-cdn.azureedge.com）从后端端点（即 Blob 存储）提供静态网站。一切正常，除了来自 Angular 应用程序（例如：https://example.com）的静态文件（例如：存储在资产文件夹位置 /assets/i18n/en.json 上的翻译文件）的 Http 请求失败。根据document，CORS 自动设置为*。

我观察到的是，Angular 应用程序在使用 HttpClient 发出 http 请求时会在发出实际 GET 请求之前发出 preflight 请求。 Azure CDN 似乎不支持预检OPTIONS 请求。浏览器请求失败并显示错误消息Response for preflight does not have HTTP ok status。

这是 Azure CDN 上设置的规则的快照

问题是，如何使用 Angular 应用程序从 Azure CDN 有条件地请求文件

Answer 1

如果有人遇到此问题，请确保您的原始主机响应这些请求。就我而言，Azure 存储帐户是原始主机。开启CORS settings on Storage account后CDN开始响应。