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)
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容