violatesthefollowingContentSecurityPolicydirective:defaultsrc*谷歌iconfont图标显示方块拒绝加载字体违反安全策略

项目运行没有问题，iconfont的css文件什么的导入也没有问题。

但是用谷歌iconfont 的图标都是小方块！



打开控制台报这个错误：

Refused to load the font ‘’ because it violates the following Content Security Policy directive: “default-src *”. Note that ‘font-src’ was not explicitly set, so ‘default-src’ is used as a fallback.

我再打开IE浏览器，IE浏览器是正常显示出小图标的，我佛了！我就想到是不是浏览器不兼容？然后各种百度。。。

我又开始了我的抄代码之路，一堆Baidu博客说是要在index.html文件头部标签里加默认值，于是我改，改成了

; style-src ‘self’ http:// ‘unsafe-inline’; script-src ‘self’ http://* ‘unsafe-inline’ ‘unsafe-eval’” font-src * data:; />

好了有默认值了，运行。。。毫无改变，还是一样的错误。

于是我再改。。。在经过我3个小时的努力下，打开n多博客。。。这图标毫无变化呢。。。这vue真棒，真是个可爱的框架！能在我这种魔性修改下毫无变化。

我知道我再不去问大佬的话我是要交代在这了。

于是我去问了，大佬很快给了解决方式。

1：将index.html里的头部标签修改一下改成

然后iconfont的一些样式包只需要下面这四个就行了



于是我认真修改，保存，运行，一气呵成。打开谷歌，出来了图标它出来了~并且控制台那个错误也消失了 ~

再给出一个参考地址

各位加油~

• 
  
  点赞
  


• 
  
  收藏


• 
  
  分享


• 
  

  
  

  
  
  • 文章举报