如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接信息。

苏南大叔,在折腾wordpress皮肤的时候,发现:一些皮肤下面出现了奇怪的500的问题,仔细看看确,都是些字体和svg资源的请求,会显示500错误。但是同样配置下面的普通站点,却没有这种情况发生。所以,可以怀疑和wordpress的特殊机制有关系。wordpress是要把所有的请求都转移到index.php上面进行处理的。也许这就是问题所在。不过,这个结论还有待观察。

修改nginx/apache配置文件,处理svg及字体文件 - svg
修改nginx/apache配置文件,处理svg及字体文件(图3-1)

修改nginx设置

解决方案,却是去修改nginx的相关配置,修改nginx的mime.types文件,使之能够识别字体文件类型:

修改nginx/apache配置文件,处理svg及字体文件 - nginx
修改nginx/apache配置文件,处理svg及字体文件(图3-2)

修改nginx/apache配置文件,处理svg及字体文件 - svg_conf
修改nginx/apache配置文件,处理svg及字体文件(图3-3)

application/x-font-ttf                ttc ttf;
application/x-font-otf                otf;
application/font-woff                 woff;
application/font-woff2                woff2;
application/vnd.ms-fontobject         eot;
image/svg+xml                         svg svgz;

注意:请按需要添加。

添加成功后,在nginx的vhost的conf的合适位置,添加如下代码即可。

location ~* \.(eot|otf|ttf|woff|woff2|svg)$ {
    add_header Access-Control-Allow-Origin *;
}

配置完成,执行nginx重载配置即可生效。

nginx -s reload

apache类似设置

Apache下面的类似设置如下:

AddType application/x-font-ttf           ttc ttf
AddType application/x-font-otf           otf
AddType application/font-woff            woff
AddType application/font-woff2           woff2
AddType application/vnd.ms-fontobject    eot
<FilesMatch ".(eot|ttf|otf|woff|woff2)">
  Header set Access-Control-Allow-Origin "*"
</FilesMatch>

当然,apache除了写在httpd.conf文件下面之外,还可以写在开启了htaccess功能站点的.htaccess文件中。

结语

感谢您的阅读,希望本篇文章能够顺利解决困扰你的问题。想查看苏南大叔的更多nginx经验文章么?请点击这里查看:https://newsn.net/tag/nginx/

 【源码】代码片段及相关软件点此获取

 【nginx】秘籍文章入口,仅传授于有缘之人   nginx    apache

本站的忠实读者小伙伴,正在阅读下面这些文章:

欢迎转载传播本篇原创文章,转载请保留链接及作者信息。
欢迎指正文字或逻辑错误,将会择优在文末列出您的信息。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

苏南大叔需要你的支持

感谢您的打赏,让我更有动力,将更多精彩教程文章,呈现给大家!谢谢!