更新于

解决css引用本地字体不同域名打开提示跨域

发布于 / 分类: 教程 / 已有 6 条评论 / 阅读量: 2319

其实以前也有出现过类似的问题,但是第二次来查看的时候又没有报错,其实问题主要是在于域名访问上的问题,当我在一级域名mulingyuer.com访问时就会出现跨域,原因是因为php转换后的css文件链接是二级域名下的www.mulingyuer.com,为此,即便是css引用的是本地的字体文件还是会提示跨域的问题,为此我查了下,发现后端就有很方便的解决办法。

首先我是根据我自己的运行环境写的这篇博文,使用宝塔面板,使用阿帕奇,这里就简单说下解决方法:

首先我们要确定阿帕奇已经开启了mod_headers模块,具体方法直接在宝塔里找到配置--然后ctrl+f 搜索:LoadModule headers_module modules/mod_headers.so;如果能搜到有一段前面没有加#号的,那么就表示开启了,你只需要在配置的最末尾,添加这段代码即可:

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

保存后再去刷新网页,问题解决。

如果是nginx,可以尝试在配置里添加这段:

location ~* \.(eot|ttf|woff|svg|otf)$ {
      add_header Access-Control-Allow-Origin *或域名;
      add_header Access-Control-Allow-Headers X-Requested-With;
      add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
}

我没有这个环境,这个代码可以自行测试一下,如果成功可以在下面留言,方便其他人确定是否适用。

已有 6 条评论

    约P加我
    约P加我

    来自 Android P-QQ浏览器 的网友发布于 395 天前

    哥哥来玩嘛
      木灵鱼儿
      木灵鱼儿

      来自 Windows10-火狐浏览器 的网友发布于 395 天前

      @约P加我 你的头像出卖了你
        约P加我
        约P加我

        来自 Android P-QQ浏览器 的网友发布于 395 天前

        @木灵鱼儿 哦 谢特:duocang:
          木灵鱼儿
          木灵鱼儿

          来自 Windows10-火狐浏览器 的网友发布于 395 天前

          @约P加我 :chigua:下次换个色情点的头像再来回复

    小仙女
    小仙女

    来自 iPhone-QQ浏览器 的网友发布于 395 天前

    我是一只小仙女
      木灵鱼儿
      木灵鱼儿

      来自 Windows10-火狐浏览器 的网友发布于 395 天前

      @小仙女 你怎么穿品如的衣服

Info
站点信息

以前觉得活下去很难,现在发现活的好才难!

创建于20156

总共发表了261篇文章

共有391条评论

创建了21个分类目录

Archive
时间归档
Weather
天气

湿度
Catalog
目录树
设置
配色方案

布局

购买