问题原因 用户第一次访问CDN时,CDN会检查是否包含数据,然后回源到源站进行访问。源站进行对比将数据经过CDN时会反馈给客户端浏览器。浏览器比对Access-Control-Allow-Origin后,允许正确则跨域正常。 当第二个用户访问时,CDN检测到这个文件,会直接给客户端反馈缓存页面。CDN之所以跨域访问失败是因为CDN缓存了OSS未配置CORS之前的文件及其头部,造成客户端浏览器判断失败,不允许访问。
解决方案 参考如下步骤,配置对应跨越访问参数的值即可。
登录CDN控制台。 在左侧导航栏,单击 域名管理。 在域名管理页面,单击目标域名对应的 管理。 在指定域名的左侧导航栏,单击 缓存配置 > HTTP头。
在HTTP头设置页面,单击 添加。 分别配置HTTP头的Access-Control-Allow-Origin、Access-Control-Allow-Methods和Access-Control-Max-Age参数值,配置示例如下。
配置以上参数之后只要在CDN节点访问就会包含3个头部信息,不会影响正常访问。且在跨域验证时保证了正常使用。测试结果如下。 TB1nRb4JFXXXXaZXXXXXXXXXXXX-811-372.png
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。