vue網(wǎng)站第一次打開 白屏 需要刷新一下才能進(jìn)入

你的webpack打包有問題， vendor.js 1.2MB 加載花了1.8秒 可以使用 webpack 懶加載 功能。

還可以在<div id="app"></div> 做點(diǎn)動(dòng)畫哦。

我現(xiàn)在就是這個(gè)問題，你們解決了？

是不是每次代碼更新后就會(huì)出現(xiàn)這個(gè)問題？

如果是的話，可能：

原因如下：

1. webpack 編譯時(shí)生成的 vendor.xxx.js 等三個(gè) js 文件有隨機(jī)的 hash 名（ vendor mainfest app 三個(gè) js 有可能不全部重新生成 ）；
2. nginx 服務(wù)器開啟了緩存；
3. 有緩存的瀏覽器訪問的還是舊版本的三個(gè) js 文件，因?yàn)榘l(fā)布時(shí)舊文件被刪除，所以 vue 代碼失效，出現(xiàn)白頁。

解決方法：

第一種：關(guān)閉 nginx 緩存；
第二種：更換編譯策略，不加 hash 值；
第三種：改變上線方式，不刪除舊版本的 js 文件

請(qǐng)問你解決了嗎？
我也是遇到了同樣的問題。
用了cdn + externals 就出現(xiàn)這個(gè)問題

    <script src="http://cdn.bootcss.com/vue/2.5.2/vue.min.js"></script>
    <script src="http://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
    <script src="http://cdn.bootcss.com/vuex/3.0.1/vuex.min.js"></script>
    <script src="http://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
    <script src="http://cdn.bootcss.com/element-ui/2.3.6/index.js"></script>

externals: {
    'vue': 'Vue',
    'vue-router': 'VueRouter',
    'vuex': 'Vuex',
    'axios': 'axios',
    'element-ui': 'ElementUI'
  }