nuxt.js vue语法版本的 服务器渲染(ssr) 框架
为什么要做服务端渲染？参考一下文档https://www.jianshu.com/writer#/notebooks/43223081/notes/62726984
服务端渲染这里 有一个成熟优秀的框架 nuxt.js , 正如next.js对于react,nuxt是vue服务端渲染的优秀解决方案
nuxt的出现可以让渲染内容完全服务端化,解决seo不够友好, 首屏渲染速度不够迅速的问题
步骤 这个 nuxt 脚手架 不需要 安装 nodejs 默认自带了
1 脚手架 npx create-nuxt-app <项目名>
2 进入项目 yarn dev 启动开发
上线
yarn build
yarn start
vue单页面应用渲染是从服务器获取所需js，在客户端将其解析生成html挂载于id为app的DOM元素上，这样会存在两大问题。
- 由于资源请求量大，造成网站首屏加载缓慢，不利于用户体验。
- 由于页面内容通过js插入，对于内容性网站来说，搜索引擎无法抓取网站内容，不利于SEO。
Nuxt.js 是一个基于Vue.js的通用应用框架，预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。可以将html在服务端渲染，合成完整的html文件再输出到浏览器。
网友评论