這回為了 Side Project 的開發 SEO 需要,來嘗試使用 Nuxt js 來架站並產生相關內容。這邊筆記下如何維持 Vuex 的狀態一致。
概念和注意事項
1. SSR 在 Server 端執行時,是沒辦法取得 window 的值。( 畢竟根本沒有 window 這個物件 )
2. Plugins 若在 Server 和 Client 端一起執行時,會執行兩遍 ( 先 Server 後 Client )
3. Nuxt.js 在 Server 端的 req,可以取得 headers.cookie 。
4. 將要持久化的值放到 cookie 中,就可以在 Server 和 Client 中都取得
程式碼
[ Github ]:https://github.com/andy922200/nuxt-vue2-typescript-template
此 Repo 會陸續更新進度
相關文章
★全文分享★ [筆記] Nuxt js 初探筆記 5 – Nuxt Generate 模式下跳轉到 Error Page
Nuxt js 之所以被採用作為前端框架的選項
★全文分享★ [筆記] Nuxt js 初探筆記 4 – SEO 相關的逐頁設定
Nuxt js 之所以被採用作為前端框架的選項
★全文分享★ [筆記] Nuxt js 初探筆記 3 – 佈署靜態頁面的測試問題
當運用 Nuxt 開發若要產生靜態頁面,其概
★全文分享★ [筆記] Nuxt js 初探筆記 1 – 基礎環境建置
這回為了 Side Project 的開發 SEO 需要,來嘗
Reference
1. Persisting state with Server Side Rendering
2. vuex-persistedstate