剛才碰到乙個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啥的...