我用以下文件建立了一个非常基本的Web项目:
我在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错误。
CORS策略已阻止从原点“ https://unpkg.com/ionicons@4.5.10-0/dist/fonts/ionicons.woff2?v=4.5.9-1”访问“ http://127.0.0.1:5500”处的字体:所请求的资源上没有“ Access-Control-Allow-Origin”标头。
不确定以前为什么我现在会收到错误,但现在它运行正常。任何想法如何解决此问题?谢谢。
答案 0 :(得分:2)
注入这些URL似乎是unpkg的问题,因此当我移至cloudfare cdn时即可解决问题,https://cdnjs.com/libraries/ionicons