通過HTTP回應標頭配置ApsaraVideo for VOD跨域資源共用（CORS） - ApsaraVideo VOD

當您需要跨域共用或者訪問資源時，您可以通過自訂HTTP回應標頭來實現。本文為您介紹如何?ApsaraVideo for VOD資源的跨域共用。

什麼是跨域資源共用

跨域資源共用CORS（Cross-Origin Resource Sharing）簡稱跨域訪問，是HTML5提供的標準跨域解決方案，允許網頁從不同源載入和訪問跨域資源，從而實現安全的跨域資料轉送。更多資訊可以參考跨域資源共用。

為什麼要配置跨域資源共用

由於安全限制，瀏覽器通常會遵循同源策略，限制從不同域、子域、協議或連接埠載入和訪問資源的請求。例如，example.com無法訪問example.org上的資源。通過配置跨域資源共用，可以在CDN伺服器端設定相關的回應標頭。如果請求攜帶了滿足允許規則的要求標頭，則返回對應的HTTP回應標頭部，從而實現跨域資源的載入和訪問。

資料互動示意圖

未開啟跨域共用

開啟跨域共用後

開啟跨域資源共用

登入ApsaraVideo for VOD控制台。
在左側導覽列選擇配置管理 > 分发加速配置 > 域名管理，進入到網域名稱管理頁面。
在域名管理頁面，單擊目標網域名稱對應的配置。
在指定網域名稱的左側導覽列，單擊缓存配置。
單擊自定义HTTP响应头頁簽。
單擊添加，配置自訂HTTP回應標頭。

請按照以下內容進行選擇，設定指定允許的跨域請求的來源，然後單擊確定儲存配置。

網域名稱管理-配置跨域訪問1.png

參數	樣本
响应头操作	添加
自定义响应头参数	Access-Control-Allow-Origin
响应头值	* 說明回應標頭值支援配置為“”，表示任意來源。回應標頭值非“”的情況下，支援配置單個或者多個IP、網域名稱、或者IP和網域名稱混合。相互間使用半形逗號（,）隔開。回應標頭值非“*”的情況下，必須包含協議頭“http:// ”或者“https://”。回應標頭值支援攜帶連接埠。回應標頭值支援泛網域名稱。
是否允许重复	不允许說明允許表示允許重複，即來源站點返回的頭會保留，同時會加上一個同名的頭。不允許表示不允許重複，即來源站點返回的頭會被新配置的同名頭覆蓋。本文以不允許重複為例，現場可根據實際環境而定。重要是否允許重複和跨域驗證這兩個配置項之間存在互斥，是否允許重複配置為允許的情況下，跨域校正將會失效。
跨域驗證	開啟說明跨域驗證只有在回應標頭操作為增加，自訂回應標頭參數為“Access-Control-Allow-Origin”的時候才可以配置。跨域驗證取值為關閉和開啟，預設為關閉狀態。關閉狀態下CDN節點不會校正使用者請求中攜帶的Origin頭，只會固定響應已配置的“Access-Control-Allow-Origin”值。開啟狀態下CDN節點將按以下規則對使用者做跨域校正，並根據校正結果響應“Access-Control-Allow-Origin”的值。跨域校正規則如下所示：任意匹配：自訂回應標頭參數“Access-Control-Allow-Origin”的值設定為“”時，不論使用者請求裡面是否攜帶“Origin”參數，也不論攜帶的“Origin”參數為何值，都固定返回“Access-Control-Allow-Origin:”。精確匹配：自訂回應標頭參數“Access-Control-Allow-Origin”的值設定了單個或者多個值（多個值之間用半形逗號“,”分隔）。如果使用者要求標頭裡攜帶的“Origin”參數值與被設定的任意一個值精確匹配，就會響應對應的跨域頭。如果都沒有精確匹配上，則不響應跨域頭。泛網域名稱匹配：自訂回應標頭參數“Access-Control-Allow-Origin”的值設定了泛網域名稱，則會校正要求標頭中Origin值是否能匹配上“Access-Control-Allow-Origin”的泛網域名稱。開啟狀態下，如果回應標頭值中的網域名稱包含短劃線`-`，需要對短劃線做轉義處理後再配置，將`-`轉義為`%-`。例如：原始回應標頭值：`http://doc.aliyun-example.com`。轉義後的回應標頭值：`http://doc.aliyun%-example.com`。

請按照以下內容進行選擇，設定指定允許的跨域要求方法，然後單擊確定儲存配置。

網域名稱管理-配置跨域訪問2.png

參數	樣本
响应头操作	添加
自定义响应头参数	Access-Control-Allow-Methods
响应头值	GET、POST、PUT 說明如果您需要同時添加GET、POST、PUT，請使用半形逗號（,）隔開。
是否允许重复	不允许說明允許表示允許重複，即來源站點返回的頭會保留，同時會加上一個同名的頭。不允許表示不允許重複，即來源站點返回的頭會被新配置的同名頭覆蓋。本文以不允許重複為例，現場可根據實際環境而定。

配置樣本

樣本一

如果跨域資源共用的回應標頭值設定了單個或者多個值（多個值之間用“,”分隔）。

如果使用者要求標頭裡攜帶的“Origin”參數值與被設定的任意一個值精確匹配，就會響應對應的跨域頭。
如果都沒有精確匹配上，則不響應跨域頭。

ApsaraVideo for VOD控制台上設定：Access-Control-Allow-Origin：http://example.com,https://aliyundoc.com。

使用者請求攜帶的Origin頭是http://example.com，CDN節點響應Access-Control-Allow-Origin：http://example.com。
使用者請求攜帶的Origin頭是https://aliyundoc.com，CDN節點響應Access-Control-Allow-Origin：https://aliyundoc.com。
使用者請求攜帶的Origin頭是http://aliyundoc.com，CDN節點將不會響應（協議頭不匹配，使用者請求的是HTTP協議，CDN上設定的是HTTPS協議）。
使用者請求攜帶的Origin頭是http://aliyun.com，CDN節點將不會響應（網域名稱不匹配）。

樣本二

如果跨域資源共用的回應標頭值設定了泛網域名稱，則會校正要求標頭中Origin值是否能匹配上Access-Control-Allow-Origin的泛網域名稱。

ApsaraVideo for VOD控制台上設定：Access-Control-Allow-Origin：http://*.aliyundoc.com。

使用者請求攜帶的Origin頭是http://demo.aliyundoc.com，CDN節點響應Access-Control-Allow-Origin：http://demo.aliyundoc.com。
使用者請求攜帶的Origin頭是http://demo.example.com，CDN節點不會響應（網域名稱不匹配）。
使用者請求攜帶的Origin頭是https://demo.aliyundoc.com，CDN節點不會響應（協議頭不匹配，使用者請求的是HTTPS協議，CDN上設定的是HTTP協議）。