angular - 重写 Azure 存储中托管的静态网站的 URL

我已将 Angular 7 应用程序部署到 Azure 存储静态网站。

Angular 应用程序调用部署到 Azure 应用程序服务的 .NET Core API。

是否可以配置 URL 重写（反向代理）以将 Angular 应用程序请求路由到 .NET Core API 而无需启用 CORS？类似于使用 Angular 代理配置进行本地开发的方式？

我已经读过可以在 Azure CDN 中使用 URL 重写规则，但我不太确定该怎么做。 https://docs.microsoft.com/en-us/azure/cdn/cdn-rules-engine-reference-features#url-rewrite

据我了解，可以在 URL 重写规则中仅指定相对路径。

任何帮助表示赞赏。

标签： angularazure-storagereverse-proxystatic-siteazure-cdn

所以是的，您可以这样做，但要启用它，您需要使用 Azure 高级 CDN，它实际上并不昂贵，并且按使用量收费，因此如果您的站点不是很忙，应该没问题。

您将需要进入 CDN 门户和规则引擎并创建一个 Url-rewrite。

它看起来像这样..

请注意正则表达式，[^?.]*(\?.*)?$这将基本上匹配任何没有文件路径（没有文件扩展名）的路由。然后重定向到 index.html

希望对您有所帮助。