从CDN使用Ionicons时,如何解决CORS问题



我用以下文件建立了一个非常基本的web项目:

  • index.html
  • styles.css
  • scripts.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错误。

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

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

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

相关内容

  • 没有找到相关文章

最新更新