这需要一些时间才能弄清楚,但这是解决方案。
创建 Blob 存储
若要托管 SPA,您需要 Azure 中的 blob 存储帐户,并且这些存储帐户应配置为接收静态网页流量。导航到设置,然后在 blob 存储设置中导航到静态网站。
要在此处添加内容 - 再次导航到您的 Blob 存储,您应该会看到一个名为$web
.
现在$web
容器是您应该将所有静态文件放入其中的容器,只需确保它是可公开访问的(取决于您如何创建它,它可能不是)
有关如何使用 blob 存储制作静态网站的更多文档,请参见:https ://docs.microsoft.com/en-us/azure/storage/blobs/storage-blob-static-website
获取静态网站端点
启用静态网站并单击静态网站刀片后,它应该为您提供与常规 blob 访问端点不同的端点 - 一个支持静态网站的端点。看起来像:https://somerandomstorageaccount.z8.web.core.windows.net/
将静态网站终结点添加到 Azure Front Door 作为后端
导航到您的 Front Door 设计器
如果您没有任何内容,请导航到您的后端池并添加一个新条目。您现在应该将此新网站终结点作为后端添加到您的 Azure 前门。下图是更新配置,但添加同样简单,只需将其添加为Custom Host
后端类型并将其指向您的 blob 静态网站位置即可。
要获得更好的性能,请使用多个存储帐户(来自不同区域)并将所有这些帐户添加到 Front Door 配置中的后端,并在 Front Door 中打开缓存。