解決vue打包之后 打開直接使用瀏覽器打開index.html出現空白頁

1.打包之前修改三個文件
1.1.第一步，找到build文件，在webpack.prod.conf.js 第25行左右 有一個對象為 output,在這里面增加一行代碼

output: {
    //在這里加一行代碼  
    publicPath:'./',

    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
  },

1.2.第二步，找到utils.js，在 第47行左右 有一個if判斷為 if (options.extract),在這里面增加一行代碼

 注意：這個是保證 加載背景圖片等css樣式資源不出現 路徑問題

if (options.extract) {
      return ExtractTextPlugin.extract({
        publicPath:'../../', //在這里加一行代碼  
        use: loaders,
        fallback: 'vue-style-loader'
      })
    }

1.3.第三步，找到config/index.js第46行左右 修改assetsPublicPath 路徑為 './';如果修改之后打包能直接訪問，但是開啟服務又出現Cannot GET /就改回'/'

2.然后你就可以 build 了，之后你就可以直接在瀏覽器打開了，也能直接掛載在git上面。