解决nginx下加载eot|otf|ttf|woff|svg等404

这篇文章主要介绍了解决nginx下加载eot|otf|ttf|woff|svg等404

1、文件不存在，先检查一下服务器上 对应的路径上有没有对应的文件

2、mime.types的原因 需要加对应的type,如

application/x-font-truetype           ttf;
application/x-font-woff               woff woff2;（可省略）

3、同源策略的原因，跨域的问题

在nginx.conf 添加如下：

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

4、nginx识别路径问题

如果以上都不行，检查一下日志，如果出现

/etc/nginx/html/xxxx/static/fonts/8417dfa4.DIN-Condensed-Bold.ttf" failed (2: No such file or directory):

则检查一下nginx.conf 下的 ==location的root== 指定（需要保持一致），修改如下

location / {
    root /www; 
    index index.html index.htm;
}       

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