如何解決vue2.0 打包之后 打開index.html出現空白頁

如何解決vue2.0 打包之后 打開index.html出現空白頁

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

publicPath:'./'

  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樣式資源不出現 路徑問題

publicPath:'../../'

    if (options.extract) {
      return ExtractTextPlugin.extract({
        publicPath:'../../',
        use: loaders,
        fallback: 'vue-style-loader'
      })
    }

 

1.3.第三步，找到config/index.js第46行左右 修改assetsPublicPath 路徑為 './';

2.然后你就可以  build 了，

3.如果build 完成后 在本地還是空白頁  或者說 放到服務器上面 是空白頁  怎么辦

   3.1 這個就有可能是 你的路由模式  出現了問題  你給的路由模式可能是history 模式 ，這個文檔說了 如果設置這個模式的話需要后端的配合 設置一些參數的 ，所以如果沒有后端的配合的話 ，你就把這個路由的mode 改為 hash  或者是直接刪除  就是默認的模式了