vue项目打包后,图标不显示

问题描述:

      项目中用到了element-ui 和iview 框架,所有的图标不显示

  vue项目打包后,图标不显示_第1张图片

解决办法:

   在bulid 目录下找到utils.js文件

       找到如下代码

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

 添加    publicPath: '../../' ,之后重新打包,就可以正常显示图标了

if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath: '../../'
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }

 

你可能感兴趣的:(项目部署)