网站加载图标出错：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

问题

建站后使用域名打开网站部分图标加载不出来（加载出来为方框），但是使用ip地址打开网页没有问题。打开网站调试工具后，具体报错信息如下：

分析问题

网上找了好久，终于见到一条靠谱的回答，说是由于字体资源跨域的问题
于是沿着这个方向继续搜，找到这个，意思就是修改咱们的Nginx服务器配置文件即可，说干就干，配置文件改起来。

解决方法

修改Nginx配置文件，一般在etc文件夹下面，不会可以网上搜索。注意这个location 一定要在监听端口为你网站下面的serve下面添加，不然添加到其他端口没有用的。

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

    add_header Access-Control-Allow-Origin http://你的网址.com;
}

再次打开浏览器，刷新网页，解决！

参考文章

1. https://segmentfault.com/q/1010000010700793
2. https://www.cnblogs.com/hnsongbiao/p/7449532.html
3. https://elstec.cn/archives/cfont/