1、背景

打包vue项目到GitHub上时，打包出来的页面为空并发生报错

2、解决方案

1、在config/index文件中修改:
     assetsPublicPath: './',
2、在build/webpack.prod.conf.js文件中的output里设置:
     publicPath:'./',
3、在webpack.base.conf.js中修改
    limit: 100000, // 字体图标失效，将限制改大，大于字体文件大小
4、在build/utils.js中设置
    if (options.extract) {
      return ExtractTextPlugin.extract({
        use: loaders,
        fallback: 'vue-style-loader',
        publicPath:'../../' // 此处解决css图片路劲错误问题，作用是设置打包过程中提取css大方法
      })
    } 
   

3、总计

问题可能出现的原因可能有：1：路劲问题  2：路由问题 3：代理问题