使用element icon时跨域, https访问http报错

项目的静态资源全部放到cdn里，其它资源访问正常，可唯独element-icon.ttf文件跨域

 方法一

使用外部公开的CDN, 这里推荐unpkg

unpkg 是一个快速的全球内容交付网络，适用于npm 上的所有内容。使用它可以使用以下 URL 快速轻松地从任何包加载任何文件

• 首先，在main.js里找到element-ui的静态资源加载路径
• 
• 然后在node_modules里找到该文件
• 

 最后找到element-icons并替换url

https://unpkg.com/element-ui@2.15.2/lib/theme-chalk/fonts/element-icons.ttf

https://unpkg.com/element-ui@2.15.2/lib/theme-chalk/fonts/element-icons.woff

 重新打包上传，此时加载的资源就是unpkg的链接

方法二：修改cdn的HTTP响应头

以腾讯云为例，

1、打开腾讯云CDN内容分发网络页面。打开域名管理。

2、找到自己的加速域名，点击管理

 3、点击高级配置

4、在第二栏HTTP响应头配置 ，添加新规则，这里选择“Access-Control-Allow-Origin”，头部取值填入“*”，星号值表示允许所有类型的请求，点击保存，启用。