linux nginx环境下,网站不显示字体和图形.(图形变成了方框),解决nginx下加载eot|otf|ttf|woff|svg等404 错误问题

在nginx环境下, 网站上的图形或字体加载不了, 显示为方框. 配置问题, fontawesome图标字体库组件在服务器上显示不出来图标的问题.

先看看路径是否加载失败. .ttf 和.woff 文件, 确认路径正确

找到 nginx的配置文件 ,ps -ef | grep nginx 

文件名 default_*.conf

加上

    location ~* \.(eot|otf|ttf|woff|svg)$ {

            root    /home/web/waimai/; #项目路径, 必须加上, 除非你只有一个项目,默认80端口.

            add_header Access-Control-Allow-Origin *;

    }