54.vue打包背景图不显示

Vue项目打包报错Failed to load resource: net::ERR_FILE_NOT_FOUND

1.webpack.prod.conf.js 中output添加参数publicPath:’./’

.webpack.prod.conf.js 中output添加参数publicPath:'./'

2.修改webpack.base.conf.js中:

publicPath: process.env.NODE_ENV === 'production'

? './' +config.build.assetsPublicPath

: './' + config.dev.assetsPublicPath

3.如果还有问题:

找到config文件里面的index.js

修改build里面的assetsPublicPath;

assetsPublicPath: '/',

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

在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)
}
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页