<nav id="qvmyt"><address id="qvmyt"></address></nav>
<pre id="qvmyt"></pre>
<u id="qvmyt"><listing id="qvmyt"></listing></u>


    <li id="qvmyt"><menuitem id="qvmyt"></menuitem></li>
    <li id="qvmyt"><source id="qvmyt"></source></li><progress id="qvmyt"><sub id="qvmyt"></sub></progress>
    <optgroup id="qvmyt"></optgroup>
  • 歡迎來到AD8000.CN 站長教程網!

    Nginx

    當前位置:主頁 > 服務器教程 > Nginx >

    Nginx實現跨域使用字體文件的配置詳解

    時間:2017-11-22|欄目:Nginx|點擊:

    本文主要給大家介紹了關于Nginx跨域使用字體文件的相關內容,分享出來供大家參考學習,下面來一起看看詳細的介紹:
    問題描述
    今天在使用子域名訪問根域名的CSS時,發現字體無法顯示,在確保CSS和Font字體的路徑加載無問題后,基本確定是因為跨域的問題。
    通過Nginx模塊Http_Headers_Module來添加Access-Control-Allow-Origin允許的地址
    console報錯信息
    ccess to Font at 'http://w001.static.akhack.com/css/KohinoorBangla-Regular.ttf' from origin 'http://carey.akhack.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://carey.akhack.com' is therefore not allowed access.
    解決方法
    location ~* \.(eot|ttf|woff|svg|otf)$ {
      add_header Access-Control-Allow-Origin http://carey.akhack.com;
      add_header Access-Control-Allow-Headers X-Requested-With;
      add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
    }
    注意
    add_header Access-Control-Allow-Origin http://carey.akhack.com;
    //只允許單域名或者 ‘*' 。不推薦 ‘*' ,會導致安全問題

    上一篇:沒有了

    欄    目:Nginx

    下一篇:沒有了

    本文標題:Nginx實現跨域使用字體文件的配置詳解

    本文地址:

    您可能感興趣的文章

    說點什么吧
    • 全部評論(0
      還沒有評論,快來搶沙發吧!

    廣告投放 | 聯系我們 | 版權申明

    重要申明:本站所有的文章、圖片、評論等,均由網友發表或上傳并維護或收集自網絡,屬個人行為,與本站立場無關。

    如果侵犯了您的權利,請與我們聯系,我們將在24小時內進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

    聯系QQ:215436232 | 郵箱:215436232#qq.com(#換成@)

    Copyright © 2020-2022 站長教程網 AD8000.CN 版權所有

    河北懦蟹装饰工程有限公司