1

我已经使用以下文件建立了一个非常基本的 Web 项目:

  • 索引.html
  • 样式.css
  • 脚本.js

我在我的 html 文件的头部包含了以下行:

<link href="https://unpkg.com/ionicons@4.5.10-0/dist/css/ionicons.min.css" rel="stylesheet">

我在我的 html 文件中使用这样的图标:

<i class="icon ion-md-menu"></i>

该图标显示正确,但现在我在预览项目时收到 CORS 错误。

从原点“ http://127.0.0.1:5500 ”访问“ https://unpkg.com/ionicons@4.5.10-0/dist/fonts/ionicons.woff2?v=4.5.9-1 ”字体已被 CORS 策略阻止:请求的资源上不存在“Access-Control-Allow-Origin”标头。

不知道为什么我现在收到错误,而它以前工作得很好。任何想法如何解决这个问题?谢谢。

4

1 回答 1

2

注入这些 url 似乎是 unpkg 问题,所以当我转移到解决问题的 cloudfare cdn 时,https: //cdnjs.com/libraries/ionicons

于 2020-02-17T13:40:10.137 回答