一直以来,我都是用vue做后台系统,众所周知后台系统不需要关系seo,当我去面试新公司时,问我vue如何解决seo,我当时就蒙了,vue是单入口的,怎么做seo?然后我厚着脸皮反问面试官,他告诉我用nuxt.js。
nuxt.js
nuxt.js是什么?
Nuxt.js(Nuxt,NuxtJS) 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。
服务端渲染(SSR):在服务器端生成html文件,客户端访问就是后缀为html的文件。
生成静态站点(SSG):本地打包时,每个页面会生成html文件,再上传到服务器,这样客户端访问的就是后缀为html的文件。
一个是打包时生成html文件,一个是在服务器生成html文件在传输到客户端。这样每个html文件就能有自己的真实访问路径,对seo就十分友好了。
nuxt.js最大的特点
我觉得使用nuxt.js最大的特点就是静态化(预渲染),在本地就生成好了html文件。底层框架是用vue,就不需要学习其他框架,不一石二鸟。
nuxt官网:nuxt.js