DYZ.Life

Font-Awesome部署后被CORS Policy屏蔽显示方框

跨来源资源共享(Cross-origin resource sharing,简称“CORS”)让我们网站在部署之后,Font-awesome的icon就都看不见了。

解决办法有两种,要么将CDN链接的资源存到本地(划为同一个域名下),要么打开CORS。我选择了后者:

在服务器端修改Nginx config,输入:
sudo vi /opt/nginx/conf/nginx.conf

在server部分加入以下代码:

1
2
3
location / {
add_header 'Access-Control-Allow-Origin' *;
}

结果张这样:

然后重启Nginx server:
sudo /etc/init.d/nginx restart

现在打开网页Font-awesome的icon就会正常显示了。如果没有的话可以清理一下游览器的cache。

资料参考:
CORS原理
开启CORS进阶方法

热评文章