天天看點

使用騰訊雲COS與CDN提示跨域的解決方案

我的部落格是直接用Coding Pages部署的,伺服器在香港,時不時的就會抽風,而且Pages用的人越來越多以後Coding的帶寬也有點捉襟見肘了,于是打算把靜态資源全部搬到騰訊雲提供的COS上,同時啟用它的CDN來加速,但是調試的過程中發現CSS加載字型跨域了。

使用騰訊雲COS與CDN提示跨域的解決方案

于是到COS控制台裡設定一下CROS

使用騰訊雲COS與CDN提示跨域的解決方案
首先點選編輯

使用騰訊雲COS與CDN提示跨域的解決方案

然後把設定打開并且建立一條規則

使用騰訊雲COS與CDN提示跨域的解決方案

預設情況下按照圖裡的設定就行。

值得一提的是如果你同時啟用了COS的CDN加速(如圖,接入方式是COS源)

使用騰訊雲COS與CDN提示跨域的解決方案

你會注意到CDN的設定裡同樣可以設定CROS,是以正常情況下這裡不需要配置,隻配置COS那邊就好。(僅适用于COS源)

使用騰訊雲COS與CDN提示跨域的解決方案

問題解決。問題産生的原因跟浏覽器的同源政策有關,有興趣的朋友可以自己了解。

更多資料:

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/