网站加载图标出错: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/
添加新评论