这里有个nuxt和vue不一样的地方,这个地方颇有意思,官方的中文文档说得蜜汁自信vue
-------------------------------api
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 既能够保持代码分离又能保证页面访问体验。fetch
prefetch
特性示例 (请查看当前打开页面的 <head>
标签):ui
<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">
-------------------------------spa
会有一种秒开的感受,在项目并非很大的时候,体验确实不错,我说的这个项目不是很大,我的感受若是路由超过30个页面,基本就算大项目了(一家之言,具体视本身的实际状况而定),首页加载基本也没什么区别,能够加速其余页面的加载速度。nuxt
可是做为APP内嵌的网页来讲,这种靠预加载资源,加速其余页面的访问速度,意义不是很大。网页页面不少,对用户来讲,用户可能访问的页面不足十分之一,预加载全部资源有点浪费。这种状况下,访问哪些页面,加载哪些页面的资源更为实际。3d
因此,我就须要直接干掉了
codeprefetch
这时候查看官方文档的我又踩了个文档的坑blog
由于一直看的是中文文档,基本属性设置按照中文文档设置啥的都没什么问题,可是在官方中文文档里,禁用此特性的属性很容易就能找到:
而后配置也很简单:
但是,就是没什么用...
这里省略一万字的找缘由,找解决办法的过程....
最后在英文的文档里找到新的属性设置
英文的说明也很对啊
当有不少页面和路由时候,你可能想禁用此特性。
不是可能想禁用,禁用仍是颇有必要的!
官方应该只更新英文的文档,中文的已经落后了好几个版本了,因此建议你们仍是以英文文档为主!
若是以上问题恰好是你一度左思右想解决不了的,但愿能给你省点作无谓的斗争的时间。