解决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/my-web/static/fonts/ionicons.d535a25.ttf" failed (2: No such file or directory), client:

则检查一下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 *;
         }

 

以上是我遇到的坑，希望可以帮到你!