vue打包后 背景图不显示

对开发完的项目打包放到服务器上,在本地跑的时候一切正常,但是在服务器上跑的时候发现登录页面的背景图没有了,是一片空白,为此找到了一下解决方案

在build 下的 utils.js中找到:

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

并添加 publicPath: '../../'

添加后的效果:

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

问题得到完美解决

posted @ 2019-07-03 17:27  心向阳  阅读(3555)  评论(0编辑  收藏  举报