iview打包到生产环境部署后图标不见了解决方案

➢ 现象:图标不见了

本地环境没有问题,打包部署到服务器上图标就不见了

在控制台提示error找不到字体的资源路径

 

 

➢ 解决方案

这个问题可能是vue-cli脚手架配置问题

在build/webpack.prod.conf.js中

module: {
  rules: utils.styleLoaders({
    sourceMap: config.build.productionSourceMap,
    extract: false,
    usePostCSS: true
  })
}

,
把extract：true 改为 fasle，然后再重新build就可以了

npm run build