已添加域名白名单后Amazon Connect CCP iframe加载仍被拒绝问题

排查步骤 #

• 优先提取当前父页面的响应头Content-Security-Policy字段，确认frame-src指令的配置值：如果仅设置了'self'，会直接禁止加载外部域名的iframe，这是最常见的拦截原因。
• 核对Amazon Connect实例的白名单域名配置：必须包含完整协议头（http/https），非标准端口需明确标注端口号，例如https://test.example.com:8443是合法格式，仅填写test.example.com的配置不生效。
• 打开浏览器开发者工具的「控制台」标签，查看CSP拦截的具体报错信息，确认拦截方是父页面的CSP规则，还是Amazon Connect返回的CSP规则。

解决步骤 #

• 针对父页面CSP拦截场景：修改父页面的服务端响应头，在frame-src指令中追加你的Amazon Connect实例域名，修改后的CSP规则参考如下：

  Content-Security-Policy: frame-src 'self' https://<你的实例ID>.my.connect.aws;
  

  如果你使用的是旧版Amazon Connect域名，替换为https://<你的实例ID>.awsapps.com即可。
• 针对Amazon Connect侧CSP拦截场景：白名单配置提交后需要等待1-15分钟让实例配置同步生效，生效后强制清除浏览器缓存（Ctrl+Shift+Delete）再重试。
• 若上述配置均正确仍被拦截，检查是否有WAF、CDN或者浏览器扩展篡改了响应头的CSP字段，临时绕过WAF/禁用扩展即可定位问题。

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