從零開始搭建vue-ssr系列之一：寫在前面的話

時間 2019-11-06

標籤開始搭建 vue ssr 系列之一寫在前面的話简体版

原文原文鏈接

爲何要用vue-ssr?

前端用的是vue, 後端渲染用vue-ssr,能夠無縫的和前端鏈接起來
使用vue-ssr能夠把數據渲染成HTML, 並在首屏展現, 用戶體驗好, 傳統的前端vue, 服務器第一次請求只返回#app的空DOM, 當js和ajax請求完成, 纔會展現, 體驗差
利於SEO

是全部狀況都適用vue-ssr嗎?

固然不是, 他的最最主要做用是首屏渲染, 其餘都是次要的, 好比有3個tab頁籤, 只有第一個頁籤是首屏展現的, 其餘兩個是經過點擊才展現數據, 那這樣就沒有必要把另外兩個頁籤的數據也取出來, 作vue-ssr, 這樣會增長服務器端的壓力和流量, 這個後面會說到

vue-ssr很容易上手嗎?

說實話, 不是很容易, 雖然如今網上的例子不少, 官方也有一個例子vue-hackernews, 可是官方給出的例子太複雜, 屬於大而全的例子, 不太適合原理不太清楚的新手, 網上的例子通常都是半個流程, 好比只告訴你渲染簡單的模板, 根本不會把項目中用到的整個流程都串起來, 並且機理性的東西的文章也少，增長了學習的難度。

說了這麼多，你寫的東西能幹啥？

這個系列文章是從頭開始搭建整個項目的，從一個實際的一個簡單的場景，告訴你怎麼樣用client端渲染，怎麼在server端取數據，並傳遞給前端，達到數據共享，以及告訴你用ssr時踩的一些坑，如何解決的。我搞這個也搞了一段時間，網上資料也查了好多，我也算是集各家之所長吧，儘可能寫的詳細些，幫忙各位能從0開始搭建起來。