1. 程式人生 > >nuxt框架Universal和Spa兩種render mode的區別

nuxt框架Universal和Spa兩種render mode的區別

個人 服務端 博客 有一個 mode title ima -s href

如下圖,官網上對於Universal 和 Spa 兩種render mode的區別,並沒有加以說明,相信大多數人跟我一樣有點懵,不知道選什麽好。雖然兩個模式創建的項目看不出區別。

技術分享圖片

先給出推薦選項: Universal

推薦理由:

可以這樣武斷的說,用nuxt的人多半是為了解決SEO的問題,而Universal 和 Spa 的區別也恰好就在於對seo的實現存在差異。

在我基於nuxt搭建的個人博客中,我用了谷歌的免費xml工具自動生成網站地圖,也就是sitemap.xml文件。如下:

  • 項目選擇Spa模式時:

技術分享圖片

  • 項目選擇Universal 模式時:

技術分享圖片

看出區別了吧,spa是單頁,所以只有一個入口文件,sitemap也就只有一個url,這會導致網站辛辛苦苦搭建的服務端渲染最多

只被搜索引擎收錄一個頁面。

而Universal則能實現所有網站路徑完全被收錄,這才是最初我們使用nuxt的初衷。

附:

sitemap.xml 網站地圖,主要作用是告知搜索引擎站點中存在的鏈接,引導抓取收錄。一般放在站點根目錄即可(也有辦法主動推送給網絡爬蟲,這裏不展開講)。主要包含信息是鏈接、最後修改時間、優先級。

谷歌免費xml生成工具 https://www.xml-sitemaps.com 需要FQ,要有梯子才行。

nuxt框架Universal和Spa兩種render mode的區別