阿里雲圖片跨域訪問設定

yyy123456發表於2022-01-11

阿里雲圖片跨域訪問設定

主流的做法都是使用 https,然後將圖片上傳到雲伺服器,比如阿里雲,騰訊雲等。
但是頁面訪問會發現圖片有時無法顯示,這是因為跨域請求的原因。

解決方案

域名繫結

以阿里云為例,進入 OSS 管理控制檯,Bucket 列表,點選需要處理的 Bucket,進入一個特定頁面。左邊有選單。
傳輸管理 -> 域名管理 -> 繫結域名 -> 下面必須選擇一個自己擁有的域名 比如叫 pic.aaa.com ,沒有就新增 -> 最右側,域名繫結配置
它的文字教你怎樣繫結自己的域名,並告訴你繫結域名 ,是一個以 aliyuncs.com 為結尾的域名。

現在進入你的域名管理控制檯。
記錄型別 CNAME
主機記錄:pic
記錄值:就是上面那個 以 aliyuncs.com 為結尾的域名,要填寫完整。

證照託管

回到 OSS 管理控制檯,剛才最右側的《域名繫結配置》連結 ,上面就是 證照託管 連結,點選進入。
證照來源:自定義上傳。
證照名稱:購買的地方有顯示,沒有就隨便寫。
公鑰和私鑰:假如在阿里雲購買的證照,進入阿里雲的 《數字證照管理服務》-> SSL 證照 -> 你的證照最右側有下載連結 -> 選擇 Nginx 右邊的下載,開啟後,pem 結尾的就是公鑰,key 結尾的檔案就是私鑰。
填入即可。
成功後,域名右側的 https 證照下出現 證照詳情 連結,可以點選核實。

防盜鏈設定

點選需要處理的 Bucket,進入一個特定頁面。左邊有選單。
許可權管理 -> 防盜鏈 -> 設定
假設我自己的網站 是 www.bbb.com, 這樣的話。
Referer 填寫 *.bbb.com
空 Referer 設定成允許,綠色按鈕。

跨域設定

點選需要處理的 Bucket,進入一個特定頁面。左邊有選單。
許可權管理 -> 跨域設定 -> 設定
建立規則。
來源:(只填寫一個星號)
允許方法:全部打勾,是全部選中。
允許 Headers:
(只填寫一個星號)
暴露 Headers:不填
快取時間:0
返回 Vary: Origin:這裡打勾。

總結

經過這麼多的處理之後,總算能愉快的使用雲伺服器的圖片了,減少本機的請求流量。

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章