如何在Azure Premium Verizon CDN中配置原经典CDN的HTTP转HTTPS及SPA规则

一、配置HTTP转HTTPS强制跳转规则 #

• 进入Azure Premium Verizon CDN资源的规则引擎页面（左侧「设置」菜单下可找到）
• 点击「添加规则」，给规则命名为Force HTTPS
• 在「条件」区块点击「添加条件」，选择请求协议，条件设为「等于」，值选「HTTP」
• 在「操作」区块点击「添加操作」，选择URL重定向：
  • 重定向类型选「永久重定向(301)」（长期固定跳转推荐用301，临时需求可选302）
  • 目标协议选「HTTPS」
  • 「目标主机名」「目标路径」「查询字符串」全部保留为「原始值」
• 保存规则

二、配置React SPA路由重定向规则 #

• 再次点击「添加规则」，命名为SPA Route Redirect
• 添加第一个条件：选择请求路径，条件设为「不包含」，值填写你的静态网站默认入口文件（一般是/index.html）
• 添加第二个条件：选择请求文件名，条件设为「不存在」（这个条件用于排除实际存在的静态资源，比如.js、.css、图片等，避免这类文件被错误重定向）
• 在「操作」区块添加URL重写操作：
  • 重写类型选「临时重定向(302)」（SPA路由常变动，302比301更灵活）
  • 目标路径填写/index.html
  • 「目标主机名」「目标协议」保留为「原始值」，查询字符串按需选择保留
• 保存规则

关键注意事项 #

• 规则执行顺序：Force HTTPS必须排在SPA Route Redirect前面，确保先完成HTTP到HTTPS的转换，再处理SPA路由重定向
• 规则生效时间：配置完成后，CDN规则需要15-30分钟左右全局生效，期间可清空浏览器缓存测试
• 验证方式：用浏览器开发者工具查看网络请求状态码，确认HTTP请求会被301跳转到HTTPS，且SPA路由（比如/about这类不存在的路径）会被重定向到/index.html

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