nuxt框架Universal和Spa兩種render mode的區別
阿新 • • 發佈:2018-12-05
個人 服務端 博客 有一個 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的區別