ant design离线Icon图标不显示问题

前提概要：

    公司使用react-create-app+antDesign开发前端，在部署到内网中时发现icon图标无法显示。

    效果如下：

   

 

解决方法：

方法一：

1. 官网下载inconfont包或者通过命令npm install antd-iconfont安装iconfont包（安装成功后文件在项目的node_modules/antd-iconfont）
2. 拷贝antd-iconfont到已打包的static目录下（通过npm run build打包），可根据情况修改antd-iconfont文件夹名称（途中我修改的是iconfont）
   、
   
3. 进入static/css文件中，打开css文件搜索https，
   
4. 替换css中所有涉及到https://at.alicdn.com...的url，替换为拷贝后的iconfont的相对路径
   注意：替换中原url中涉及到的.eot、.woff后缀需要保留，替换为../iconfont/iconfont.eot、../iconfont/iconfont.woff等
   
   

方法二：

     可百度其他解决方案等

    https://blog.csdn.net/gis_08/article/details/80824998

    https://blog.csdn.net/xiaoyu19910321/article/details/73750061