vue打包css文件中背景图片的路径问题

vue-cli写完的静态页面咱们在node环境中引入没有问题，可是打包后放在Apache环境下，路径却有问题了

如一个简单css语句

.all_bg {
  background: url(../images/all_bg.png) 0 0 no-repeat;
  display: inline-block;
  overflow: hidden;
  background-size: 200px 300px;
}

可是打包后路径成了却出现404访问不到的问题。

 

解决的办法很简单

build路径下utils.js文件

// Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../'            //添加此代码解决css样式中背景图片路径问题
      })
    } else {
      return ['vue-style-loader'].concat(loaders)
    }