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

2021-10-17 01:42:08 字數 555 閱讀 7912

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

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

問題:頁面中載入css檔案:

此css中呼叫了外部字型如下:

@font-face {

font-family: 'fontawesome';

src: url('../font/fontawesome-webfont.eot');

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

解決方案:

我們使用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!

CSS 字型產生跨域問題

只看上邊的兩張圖,也許看不出有啥大問題,只是顯示的圖示不同罷了。確實是圖示不同,但是同樣乙個 或者同樣乙個模板,因為瀏覽器的不同,就產生了不同的展現效果,甚至可以理解為所有的東西都一樣,但是展現的效果就是不一樣。當然能夠顯示出第二個效果的並不多。經過開啟瀏覽器的開發者模式來進行檢視,出現了上圖結果,...

js跨域 ajax跨域 跨域方式(前端)

跨域方式 cors 跨域資源共享 當使用xmlhttprequest傳送請求時,瀏覽器會自動加上乙個請求頭 origin,後端在接受到請求後確定響應後會在response headers中加入乙個屬性 access control allow origin,值就是發起請求的源位址 瀏覽器得到響應會進...

跨域與跨域訪問

跨域是指從乙個網域名稱的網頁去請求另乙個網域名稱的資源。比如從www.baidu.com 頁面去請求 www.google.com 的資源。跨域的嚴格一點的定義是 只要協議,網域名稱,埠有任何乙個的不同,就被當作是跨域 使用者訪問www.mybank.com 登陸並進行網銀操作,這時cookie啥的...