一起來認識 Cross-origin resource sharing (CORS)

一起來認識 Cross-origin resource sharing (CORS)

CORS是訪問不同領域網絡資源的行業標準。

瀏覽器會阻擋來自與目前網域不同的來源檔案,以防止JavaScript或CSS代碼針對不同來源提出請求。

例如您現在正在瀏覽aaa.com,但是網站中有個需要外部讀取的字體來源是在bbb.com

這時你要編輯bbb.com的.htaccess

加入:

<IfModule mod_headers.c>
<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
Header set Access-Control-Allow-Origin "*"
</FilesMatch>
</IfModule>

來允許其他網站來讀取bbb.com中的檔案

*某些網頁伺服器似乎不用加此語法,也能跨網域請求檔案

一起來認識 Cross-origin resource sharing (CORS)
一起來認識 Cross-origin resource sharing (CORS)
關於作者 多力哥
一起來認識 Cross-origin resource sharing (CORS)
影像創作攝影師/網頁動畫設計師/系統網路工程師/水草研究生
景文科大畢業後,我成為一名網站動畫設計師,並副修MIS電腦資訊管理。2004年,我開始接觸單眼相機,並在2008年正式成為一名接案攝影師,目前使用Canon系統進行拍攝。2016年,我愛上了美麗的水草缸,這讓我的生活多了另一層次的放鬆。每天在電腦前修圖時,能欣賞紅吱吱、綠油油的水草,彷彿多了一份平靜與愉悅。攝影與水草讓我的生活充滿了藝術與自然的交融。
連絡信箱:hello@hahasmile.com (歡迎合作提案)
DORIGO IMAGE 攝影工作室:https://dorigo-image.com
如果你喜歡我的內容,可以用行動贊助我一杯咖啡☕,支持我持續創作,也讓這個網站可以繼續營運下去喔!

若您喜歡這篇文章,歡迎按讚分享喔!
0 回復

發表評論

想要留言嗎?
歡迎歡迎!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *