Vue打包之后图片丢失

714 阅读1分钟

1、在config/index.js'文件中的 build模块:加入 assetsPublicPath: './',

 build: {
  index: path.resolve(__dirname, '../dist/index.html'),   
 assetsRoot: path.resolve(__dirname, '../dist'),  
  assetsSubDirectory: 'static',   
 assetsPublicPath: './',
}

2、在‘build'目录下的utils.js文件:加入 publicPath: '../../',

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

3、重新npm run build 打包完成