最近重新搭建一个vue+element-ui的项目,使用的时候出现这么个问题,element的样式引用正常,但是图标显示是一个小方块 报错信息如下:
在网上找了很多解决办法,普遍方法都是修改assetsPublicPath等等,我们首先看下:
## 1.路径问题,设置assetsPublicPath
vue-cli项目中 config文件下的index.js assetsPublicPath属性 默认为 ‘/’
修改为 assetsPublicPath:’./’ 修改后配置如下
## 2.style-loader问题
修改build文件下 utils.js 文件 publicPath,修改后配置如下:
**
3 最终方法
**
一般博客中通用的解决办法就是前面两种,一般同学的问题就解决了,我的问题可能复杂一些,这样设置后并没有效果,最后尝试了一下新方法,意外成功,无法下载woff和ttf文件,可能是因为vue的webpack规则问题,
修改build文件下的webpack.base/conf.js文件 找到如下内容并修改
原配置
修改后
意外成功!