解決vue打包完element圖標找不到、文件、圖片路徑報錯等問題

解決vue打包完element圖標找不到、文件、圖片路徑報錯等問題

第一步：

找到build->utils.js文件，加 publicPath: '../../'

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    fallback: 'vue-style-loader',
    publicPath: '../../',   // 解決element小圖標出不來問題
  })
} else {
  return ['vue-style-loader'].concat(loaders)
}

如果不行（一般可以了），第二步：

在config->index.js下，添加assetsPublicPath: './'

build: {
  // Template for index.html
  index: path.resolve(__dirname, '../dist/index.html'),

  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: './',  //解決打包完路徑不對的問題
},