Vue项目打包发布后CSS中的背景图片不显示问题

Vue项目打包发布后CSS中的背景图片不显示问题

今天在打包的时候遇到了vue打包后页面上的背景图没有显示出来 解决方式很简单 直接放代码记录一下

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

在build目录下的utils.js加上一行 publicPath: ‘…/…/’,就OK
原因就是打包build完后，都单独生成一个/dist文件夹，且dist中每次都只有相同文件目录
部署的时候，是部署在服务器的一个/test文件夹下