VueJs+Axios+Nuxt.js+AntDesign實現豆瓣電影服務端渲染實戰

做爲目前較爲流行的先後端分類開發模式，大部分的應用都是spa(當頁應用)，那麼這樣就會帶來兩個缺陷。其1、首屏渲染速度，其2、對SEO不友好。對於一些站點好比新聞站、博客等確定是須要進行SEO的，那麼服務端渲染這時候就派上用場了。我的花了大概半天時間學習了下服務端渲染方面的知識點。簡單過了下Nuxt.js官網全部內容，而後就簡單寫了個Demo進行練習。

認識Nuxt.js

-  認識服務端渲染：https://ssr.vuejs.org/zh/#%E4%BB%80%E4%B9%88%E6%98%AF%E6%9C%8D%E5%8A%A1%E5%99%A8%E7%AB%AF%E6%B8%B2%E6%9F%93-ssr-%EF%BC%9F

-  Nuxt.js 是一個基於 Vue.js 的輕量級應用框架,可用來建立服務端渲染 (SSR) 應用,也可充當靜態站點引擎生成靜態站點應用,具備優雅的代碼結構分層和熱加載等特性。

項目組織結構圖

關於nuxt.js目錄結構可參考：https://zh.nuxtjs.org/guide/directory-structure

項目效果截圖

(正在熱映)

(Top250)

詳情頁

GitHub地址

https://github.com/huangche007/hc-nuxt-movie

For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).