粒子特效：

vue-particles

nprogress

網頁載入進度條

全域性前置守衛 NProgress.start()

全域性後置守衛 ：NProgress.done()

頁面loding

單個頁面加loading、阻止重複點選 通過element-ui的 Loading 載入（使用者體驗度最高的）

axios封裝

• 封裝axios匯出request例項物件（timeout、baseURL、.env、headers content-type、

• 請求攔截器（token、CancelToken、Loading

• 響應攔截器-成功（關閉Loading、 介面許可權、TOKEN過期、res.data.data過濾

• 響應攔截器-失敗（關閉Loading、timeout處理 、404、canceled、郵件報警捕捉前端異常

vue-lazyload

vue圖片懶載入

vue檔案中將需要懶載入的圖片繫結 v-bind:src 修改為 v-lazy

路由/元件懶載入

關閉預載入prefetch

chainWebpack: config => {
// 移除 prefetch 外掛
config.plugins.delete('prefetch')
},

解決首屏載入過慢

CDN優化第三方庫

通過 externals 載入外部CDN資源

映入了CDN就不要再打包這個模組了，所以通過externals來排除這個模組