問(wèn)題背景

某項(xiàng)目上線(xiàn)后，打開(kāi)登錄頁(yè)加載了500多個(gè)請(qǐng)求，包含了js、css、png等等。

因?yàn)轫?xiàng)目部署在第三方云平臺(tái)，直接被當(dāng)做惡意攻擊，把IP封掉了

如下圖：

問(wèn)題分析

Webpack 內(nèi)置了 prefetch 預(yù)加載插件，會(huì)告訴瀏覽器在頁(yè)面加載完成后，利用空閑時(shí)間加載用戶(hù)未來(lái)可能用到的內(nèi)容。只要關(guān)閉 prefetch 插件，就能實(shí)現(xiàn)只加載當(dāng)前頁(yè)面用到的腳本。

解決方案

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

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

再次測(cè)試，只剩下 10 個(gè)請(qǐng)求了

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。