解决vue打包后首页一片空白、背景图加载不出来、css加载失败问题

1、vue打包后首页一片空白问题

        解决办法：修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的，而你的路径不对，打开肯定是空白的。先看一下默认的路径。

// Paths

assetsSubDirectory: 'static',

assetsPublicPath: '/',

proxyTable: {},

中的assetsPublicPath: '/',改为assetsPublicPath: './',

2、背景图片加载不出来    

解决办法：打开build / utils.js，在下面新添加一句publicPath:'../../'，该设置会把css所有引入的资源的路径变成 …/…/static/img/ ，这样就能找到资源了

return ExtractTextPlugin.extract({

    use: loaders,

    fallback: 'vue-style-loader',

      publicPath:'../../',    //新添加的

})