使用来自CDN的离子子时如何解决CORS问题?

时间:2019-11-01 00:56:19

标签: cors ionicons

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

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”标头。

不确定以前为什么我现在会收到错误,但现在它运行正常。任何想法如何解决此问题?谢谢。

1 个答案:

答案 0 :(得分:2)

注入这些URL似乎是unpkg的问题,因此当我移至cloudfare cdn时即可解决问题,https://cdnjs.com/libraries/ionicons