我的部落格是直接用Coding Pages部署的,伺服器在香港,時不時的就會抽風,而且Pages用的人越來越多以後Coding的帶寬也有點捉襟見肘了,于是打算把靜态資源全部搬到騰訊雲提供的COS上,同時啟用它的CDN來加速,但是調試的過程中發現CSS加載字型跨域了。
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIx0DciV2dmADM30zd-cGcq5CRzUCRzUydadHctxUeFRUT6FkaOhXV61EewMUT0ElaOFTTU1EeJR0T5NGRNRTRE1UewkWT1kERPBTUU1kdjRUT0UERNlHOp1UNJR0TwEFVNZ3YyI2cKJDT0ljMZVXTzold41WW15UbMRTRE1UeNhlWuZ0ViBXO5xkNNh0YwIFSh9CXt92YuM3YltWas5iclN3Ztl2Lc9CX6MHc0RHaiojIsJye.jpg)
于是到COS控制台裡設定一下CROS
使用騰訊雲COS與CDN提示跨域的解決方案 首先點選編輯
然後把設定打開并且建立一條規則
預設情況下按照圖裡的設定就行。
值得一提的是如果你同時啟用了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/