nuxt框架Universal和Spa两种render mode的区别
如下图,官网上对于Universal 和 Spa 两种render mode的区别,并没有加以说明,相信大多数人跟我一样有点懵,不知道选什么好。虽然两个模式创建的项目看不出区别。
先给出推荐选项: Universal
推荐理由:
可以这样武断的说,用nuxt的人多半是为了解决SEO的问题,而Universal 和 Spa 的区别也恰好就在于对seo的实现存在差异。
在我基于nuxt搭建的个人博客中,我用了谷歌的免费xml工具自动生成网站地图,也就是sitemap.xml文件。如下:
- 项目选择Spa模式时:
- 项目选择Universal 模式时:
看出区别了吧,spa是单页,所以只有一个入口文件,sitemap也就只有一个url,这会导致网站辛辛苦苦搭建的服务端渲染最多只被搜索引擎收录一个页面。
而Universal则能实现所有网站路径完全被收录,这才是最初我们使用nuxt的初衷。