VUE打包后的页面空白和背景图片出不来问题

一、页面空白

1.在webpack.prod.conf.js 中output添加参数publicPath:'./'
2.在webpack.base.conf.js里 修改成

publicPath: process.env.NODE_ENV === 'production'
  ? './' +config.build.assetsPublicPath
  : './' + config.dev.assetsPublicPath

二、背景图片加载失败

1.在buil文件夹里面的utils.js文件

if (options.extract) {
    return ExtractTextPlugin.extract({
      use: loaders,
      publicPath: '../../',  // 加入这行代码就可以
      fallback: 'vue-style-loader'
   })
} else {
   return ['vue-style-loader'].concat(loaders)
}

你可能感兴趣的:(VUE打包后的页面空白和背景图片出不来问题)