css 如何解決css載入字型跨域的問題?

2021-10-18 13:15:58 字數 495 閱讀 3818

剛才碰到乙個css載入字型跨域問題,記錄一下。

站點的動態請求與靜態檔案請求是不同的網域名稱的。站點的網域名稱為 www.domain.com,而靜態檔案的網域名稱為 st.domain.com。

問題:頁面中載入css檔案:此css中呼叫了外部字型如下:

@font-face

瀏覽器報請求跨域的錯誤。

解決方案:

我們使用access-control-allow-origin:* 通過啟用cors 來解決跨域問題。

具體步驟如下:

1.開啟apache的mod_headers模組

loadmodule headers_module modules/mod_headers.so

2.設定access-control-allow-origin

header set access-control-allow-origin "*"

done!

與歌謠一起通關前端面試題

apache css 跨域 css載入字型跨域問題

剛才碰到乙個css載入字型跨域問題,記錄一下。站點的動態請求與靜態檔案請求是不同的網域名稱的。站點的網域名稱為 www.domain.com,而靜態檔案的網域名稱為 st.domain.com。問題 頁面中載入css檔案 此css中呼叫了外部字型如下 font face font family fo...

css載入字型的跨域問題

剛才碰到乙個css載入字型跨域問題,記錄一下啊。站點的動態請求與靜態檔案請求是不同的網域名稱的。站點的網域名稱為 www.domain.com,而靜態檔案的網域名稱為 st.domain.com。問題 頁面中載入css檔案 此css中呼叫了外部字型如下 font face 瀏覽器報請求跨域的錯誤。解...

css載入字型的跨域問題

剛才碰到乙個css載入字型跨域問題,記錄一下啊。站點的動態請求與靜態檔案請求是不同的網域名稱的。站點的網域名稱為 www.domain.com,而靜態檔案的網域名稱為 st.domain.com。問題 頁面中載入css檔案 此css中呼叫了外部字型如下 font face 瀏覽器報請求跨域的錯誤。解...