我用以下文件建立了一个非常基本的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