發(fā)布分享頁域名變更常見問題
本文介紹DataV-Board數(shù)據(jù)看板分享鏈接的域名,從datav.aliyuncs.com變更為b.datav.run后無法正常運(yùn)行的解決方案。
背景信息
為更好地支持?jǐn)?shù)據(jù)看板分享功能,DataV-Board計(jì)劃于2024年11月20日起將發(fā)布分享頁的域名由datav.aliyuncs.com變更為b.datav.run。詳情請參見分享頁域名變更公告。
域名變更后,如下場景可能會(huì)因存在跨域訪問限制,導(dǎo)致新域名無法正常訪問,您可參考本文按需進(jìn)行排查處理:
組件使用API作為數(shù)據(jù)源
組件使用API作為數(shù)據(jù)源,可能會(huì)因域名變更導(dǎo)致跨域請求被攔截。您可根據(jù)組件配置數(shù)據(jù)源時(shí)是否勾選需要cookie進(jìn)行排查處理:
需要cookie,表示調(diào)用API時(shí)不選擇代理且需要獲取cookie信息進(jìn)行身份驗(yàn)證或保存狀態(tài)。
本文以折線圖示例數(shù)據(jù)源配置,其他組件配置類似。
未勾選需要cookie:請確保請求響應(yīng)頭
response headers
中包含Access-Control-Allow-Origin: *
,即瀏覽器允許來自任何源(網(wǎng)站)的請求訪問該資源,用于實(shí)現(xiàn)跨源資源共享(CORS)。勾選需要cookie:需根據(jù)請求字段
request.headers.referer
動(dòng)態(tài)返回可被跨域請求的響應(yīng)頭response headers
,示例如下。當(dāng)前頁面地址
請求字段request.headers.referer
滿足要求的響應(yīng)頭response headers
編輯頁:
https://datav.aliyun.com/v/editor/216787
https://datav.aliyun.com/admin/screen/216787
Access-Control-Allow-Origin: https://datav.aliyun.com
發(fā)布分享頁(域名變更前):
https://datav.aliyuncs.com/share/xxx
https://datav.aliyuncs.com/share/xxx
Access-Control-Allow-Origin: https://datav.aliyuncs.com
發(fā)布分享頁(域名變更后):
https://b.datav.run/share/xxx
https://b.datav.run/share/xxx
Access-Control-Allow-Origin: https://b.datav.run
組件使用DataV 數(shù)據(jù)代理服務(wù)作為數(shù)據(jù)源
組件使用DataV 數(shù)據(jù)代理服務(wù)作為數(shù)據(jù)源,可能會(huì)因域名變更導(dǎo)致跨域請求被攔截。您可按照如下步驟排查處理:
若DataV數(shù)據(jù)代理服務(wù)中未配置跨域Origins(即該配置為空),則無需更改。
說明跨域Origin是指在不同域名、協(xié)議或端口之間進(jìn)行網(wǎng)絡(luò)請求,實(shí)現(xiàn)資源共享。
若DataV數(shù)據(jù)代理服務(wù)中配置了跨域Origins,請將以下兩個(gè)地址添加至相應(yīng)配置中。
http://b.datav.run
https://b.datav.run
DataV數(shù)據(jù)代理服務(wù)
舊跨域Origins配置
新跨域Origins配置
未配置跨域Origins
不涉及
不涉及
已配置跨域Origins
https://datav.aliyuncs.com http://datav.aliyuncs.com https://datav.aliyun.com http://datav.aliyun.com
https://datav.aliyuncs.com http://datav.aliyuncs.com https://datav.aliyun.com http://datav.aliyun.com https://b.datav.run http://b.datav.run
使用輪播頁面或iframe組件
使用輪播頁面或iframe組件,可能會(huì)因?yàn)榭缬蛳拗疲瑢?dǎo)致頁面無法在新域名b.datav.run下被訪問,內(nèi)面內(nèi)容無法正常加載。
本文以iframe組件示例相關(guān)排查處理操作,輪播頁面操作類似。
訪問新版分享鏈接,若iframe頁面內(nèi)容無法正常加載,表示該頁面在響應(yīng)頭里添加了X-Frame-Options限制,您輸入的iframe頁面地址不支持在b.datav.run下被訪問。
請刪除響應(yīng)頭中的X-Frame-Options字段,或修改X-Frame-Options字段的內(nèi)容,增加跨域支持。示例如下。
X-Frame-Options字段用于保護(hù)網(wǎng)頁免受某些類型的網(wǎng)絡(luò)攻擊,提高網(wǎng)頁的安全性。X-Frame-Options可設(shè)置為如下值:
X-Frame-Options:DENY,表示不允許任何網(wǎng)站在iframe中嵌入該頁面。
X-Frame-Options:SAMEORIGIN,表示僅允許同源網(wǎng)站在iframe中嵌入該頁面。
X-Frame-Options:ALLOW-FROM URL,表示允許指定的源(URI)在iframe中嵌入該頁面。
當(dāng)前頁面地址 | request.headers.referer | 滿足要求的響應(yīng)頭 response headers |
編輯頁:
|
|
|
發(fā)布分享頁(域名變更前):
|
|
|
發(fā)布分享頁(域名變更后):
|
|
|