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) }
问题得到完美解决