問題背景

某項目上線后，打開登錄頁加載了500多個請求，包含了js、css、png等等。

因為項目部署在第三方云平臺，直接被當做惡意攻擊，把IP封掉了

如下圖：

問題分析

Webpack 內置了 prefetch 預加載插件，會告訴瀏覽器在頁面加載完成后，利用空閑時間加載用戶未來可能用到的內容。只要關閉 prefetch 插件，就能實現只加載當前頁面用到的腳本。

解決方案

在 vue.config.js 添加這行代碼：

chainWebpack: config => {config.plugins.delete("prefetch")}

再次測試，只剩下 10 個請求了

總結

以上是生活随笔為你收集整理的问题排查：vue项目刷新页面加载了500多个请求？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。