使用腾讯云COS与CDN提示跨域的解决方案

时间:2024-04-15 21:40:37

我的博客是直接用Coding Pages部署的,服务器在香港,时不时的就会抽风,而且Pages用的人越来越多以后Coding的带宽也有点捉襟见肘了,于是打算把静态资源全部搬到腾讯云提供的COS上,同时启用它的CDN来加速,但是调试的过程中发现CSS加载字体跨域了。

 

于是到COS控制台里设置一下CROS

 

 


首先点击编辑

 

 

 


然后把设置打开并且新建一条规则

 

 

 


默认情况下按照图里的设置就行。
值得一提的是如果你同时启用了COS的CDN加速(如图,接入方式是COS源)

 

 

 


你会注意到CDN的设置里同样可以设置CROS,所以正常情况下这里不需要配置,只配置COS那边就好。(仅适用于COS源)

 

 

 


问题解决。问题产生的原因跟浏览器的同源策略有关,有兴趣的朋友可以自己了解。

 

更多资料:

https://www.qcloud.com/document/product/436/6251

https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS

 

原文链接:https://chasjd.com/posts/c642c8b2/