如何解决Azure Front Door Premium访问存储账户SPA的404错误？

1. 调整路由顺序，确保SPA路由优先匹配 #

Azure Front Door是按路由列表的顺序匹配请求的，排在前面的路由会优先处理请求。如果你的App Service路由（匹配模式/*）排在SPA路由前面，所有请求都会被App Service接管，包括/spa路径的请求。

• 操作：将SPA的两条路由（/spa和/spa/*）移动到App Service路由（/*）的上方，让更具体的路径先被匹配。

2. 配置路径重写，适配存储账户的SPA结构 #

SPA部署在存储账户静态网站时，需要处理路径映射问题：

• 先确认存储账户已启用静态网站，默认文档设置为index.html，错误文档也建议设为index.html（用于处理SPA客户端路由跳转）。
• 针对SPA路由添加路径重写动作：
  • 如果SPA文件直接放在存储账户静态网站的根目录（$web容器下）：
    • 匹配/spa时，重写路径为/index.html
    • 匹配/spa/*时，重写路径为/{R:1}（将/spa/page转为/page，让存储账户能找到对应文件）
  • 如果SPA文件放在存储账户的spa子目录下：
    • 匹配/spa时，重写路径为/spa/index.html
    • 匹配/spa/*时，重写路径为/spa/{R:1}

3. 检查规则集的配置问题 #

之前配置的规则未生效，大概率是以下原因：

• 规则触发条件错误：没有精准针对/spa或/spa/*路径设置触发条件。
• 动作顺序错误：路径重写动作需要放在缓存、转发等动作之前，否则重写未生效就已转发请求。
• 规则关联范围错误：确认规则已绑定到对应的路由或Front Door配置文件上。

4. 测试与调试，定位问题 #

• 使用Azure Front Door的诊断工具（日志分析、实时指标）查看请求的路由匹配情况，确认请求是否正确路由到存储账户。
• 直接访问存储账户的静态网站URL（如https://<accountname>.z13.web.core.windows.net/spa），验证SPA本身是否能正常访问，排除存储账户端的问题。

内容的提问来源于stack exchange，提问作者argoth