Vue-cli与iView项目打包后图标未显示的问题及解决方案

简介：
本文介绍了在使用Vue-cli和iView框架开发项目时遇到的一个问题——即项目打包完成后，发现前端页面中的图标未能正确加载。文章详细分析了该现象的原因，并提供了有效可行的解决方案，帮助开发者解决这一常见的技术难题。 在使用Vue项目并引入iViewUI库进行开发后，在打包上线过程中遇到图标不显示的问题。尝试了多种解决方法如调整打包路径等均未能解决问题，最终在网络上找到了有效的解决方案：1. 方法一：编辑build/utils.js文件，在其中找到如下代码段，并将publicPath的值修改为相对路径（例如../..），然后保存并重新进行项目打包。注意这个路径不是绝对地址，请根据实际项目的目录结构来设定。 // 提取CSS，当选项指定时 if (options.extract) { return ExtractTextPlugin({ filename: utils.assetsPath(css/[name].css), // all options stated above }); }