vue 服务器衬着

vue 服务器衬着
作用:

  1. 能够加速首屏衬着速率。
  2. 有利于搜索引擎的seo。

道理:

本身的深刻明白:

  1. node端和浏览器端都能运转js。当翻开浏览器, 输入项目地点,起首接见node服务器,node服务器衬着 出来返回到浏览器的 只要html文档 和相应的js、css注入,另有node端从api服务器端猎取的数据, 平常放在全局的变量里。列window.vueStore = api服务器数据。然后在浏览器端, 当vue 根实例第一次初始化的时刻,把数据注入到全局状况治理 vuex里。作为浏览器端相应路由里的数据,给路由级组件 供应 相应的数据状况,然后衬着出相应的假造dom, 同时复用node端 返回的已天生的dom节点。由于比方户端衬着的假造dom == node端衬着返回的的dom节点。今后浏览器端行动 与node端险些不再相干。
  2. 做到两头对路由相应的一致,两头 须要 对同一个路由 相应一样的函数, 如尤大官网上 asyncData,你也能够指定 其他的函数。node端当进入路由 就会剖析 装备当前路由的路由组件,然后 把他们(asyncData) 都 找出来, 放在promise.all 内里,等拉去api 服务器端的数据猎取完后, 放入全局状况治理 vuex内里。浏览器端 一种完成就是路由hook 里 beforeResolve 内里 完成相似 node端猎取数据的体式格局, 第二种是在路由组件里的 beforeMounted 内里去触发路由组件的this.$options.asyncData.

    细致引见(尤大官方文档
    开辟挪动端项目 供应本身改进的nuxt
    nuxt官方文档

    原文作者:L6zt
    原文地址: https://segmentfault.com/a/1190000013441067
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞