vue项目打包图片路径错误

Posted 潇影D

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目打包图片路径错误相关的知识,希望对你有一定的参考价值。

更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:

if (options.extract) {
  return ExtractTextPlugin.extract({
    use: loaders,
    publicPath: ‘../../‘,         // 注意配置这一部分,根据目录结构自由调整
    fallback: ‘vue-style-loader‘
  })
} else {
  return [‘vue-style-loader‘].concat(loaders)
}

  

以上是关于vue项目打包图片路径错误的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目打包后背景图片路径错误

vue-cli在打包后js获取的图片路径错误问题时候

解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题

vue开发之图片加载不出来问题解决

vue项目打包后css背景图路径不对的问题

vue打包后发布文件路径错误且报错Unexpected token <