非网络引用element-ui css导致图标无法正常显示的解决办法

前言

官方推荐的css及js引用方式如下:

<!-- 引入样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui@1.4/lib/theme-default/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui@1.4/lib/index.js"></script>

这种方式引入,如果环境只有内网,没有外网的话,会导致页面直接空白.

---

很简单把css的href及js的src的网址输入浏览器可以得到css和js的源码,直接拷贝到本地即可.
但是问题来了,element-ui的index.css拷贝本地之后,会发现图标无法正常显示了.

---

分析

F12查看网络发现icon的请求地址

点开详情发现请求链接(element版本不同这里网址应该也是不同的)
</