当前位置:   article > 正文

vue build打包后css里的图片路径404不正确的问题_css中使用url(“/assets/image.jpg”),打包部署后图片资源404

css中使用url(“/assets/image.jpg”),打包部署后图片资源404

vue build打包后css里的图片路径404

在vue-cli项目中build/utils.js中找到如下代码块,添加 
publicPath:’../../’

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

css中引用的图片地址有问题,需要返回上两级目录,修改后重新打包即可

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/258726
推荐阅读
相关标签
  

闽ICP备14008679号