這里有個nuxt和vue不同的地方,這個地方很有意思,官方的中文文檔說得蜜汁自信
-------------------------------
In production, nuxt.js uses the prefetch strategy to pre-fetch the pages bundle that will be required when navigating to the next page. When the user will click on a link, nuxt.js will already have pre-fetched the page and the navigation will feel instant while keeping the code splitted.
在生產模式下,Nuxt.js 使用瀏覽器的預加載)策略來預加載目標頁面的腳本資源。所以當用戶點擊某個鏈接時,會有一種秒開的感覺。預加載策略使得 Nuxt.js 既可以保持代碼分離又能保證頁面訪問體驗。
prefetch
特性示例 (請查看當前打開頁面的 <head>
標簽):
<link rel="prefetch" href="/_nuxt/0.nuxt.bundle.61ba3fe4687aed56a098.js"> <link rel="prefetch" href="/_nuxt/1.nuxt.bundle.0e300058ecb654f36fb7.js"> <link rel="prefetch" href="/_nuxt/2.nuxt.bundle.2617656a084bb6760331.js">
-------------------------------
會有一種秒開的感覺,在項目並不是很大的時候,體驗確實不錯,我說的這個項目不是很大,個人感覺如果路由超過30個頁面,基本就算大項目了(一家之言,具體視自己的實際情況而定),首頁加載基本也沒什么區別,可以加速其他頁面的加載速度。
但是作為APP內嵌的網頁來說,這種靠預加載資源,加速其他頁面的訪問速度,意義不是很大。網頁頁面很多,對用戶來說,用戶可能訪問的頁面不足十分之一,預加載所有資源有點浪費。這種情況下,訪問哪些頁面,加載哪些頁面的資源更為實際。
所以,我就需要直接干掉了
prefetch
這時候查看官方文檔的我又踩了個文檔的坑
因為一直看的是中文文檔,基本屬性設置按照中文文檔設置啥的都沒什么問題,但是在官方中文文檔里,禁用此特性的屬性很容易就能找到:
然后配置也很簡單:
可是,就是沒什么用...
這里省略一萬字的找原因,找解決辦法的過程....
最后在英文的文檔里找到新的屬性設置
英文的說明也很對啊
當有很多頁面和路由時候,你可能想禁用此特性。
不是可能想禁用,禁用還是很有必要的!
官方應該只更新英文的文檔,中文的已經落后了好幾個版本了,所以建議大家還是以英文文檔為主!
如果以上問題剛好是你一度冥思苦想解決不了的,希望能給你省點做無謂的斗爭的時間。