vue项目上线后只有首页图片不显示

最新推荐文章于 2023-09-21 09:39:00 发布

寻找蓝光

最新推荐文章于 2023-09-21 09:39:00 发布

阅读量677

点赞数

分类专栏：前端文章标签： vue 只有首页图片不显示

本文链接：https://blog.csdn.net/weixin_44380109/article/details/101451309

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

我最近打包上线了一个项目，发现有个这样的问题，只有首页图片不显示，可是在本地运行时，是没有问题的，我就查找了原因，发现是图片路径问题，可是，我查找源码，发现图片路径没有问题，上网查了查，也没有找到答案，最后还是请教的同事才找到原因所在，原来实在配置文件中少了配置。
在build的文件夹下的utils.js文件中的配置publicPath:’…/…/'之后问题就解决了，

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

具体原因，可以查看编译后的代码，这只是我的经验，如果你有更好的经验，可以分享一起学习