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的初衷。

 

附:

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM