|
本文主要介紹Vue-SSR優化前端項目
|
- 當你寫完一個前端項目，併發布到nginx服務器上，當項目頁面過多，你必定碰見過，剛剛打開網頁時，慢的摳腳，但再點擊其餘頁面時，會好好多；並且細心的你必定會發現，爲何個人網站不會被百度收錄；其實這不是你的鍋，這是vue項目原本的樣貌；抱怨沒用，但能夠去改變它。
傳統Vue項目
| 返回app.bundle.js，index.html給瀏覽器。 node服務器上返回對應的頁面給瀏覽器。 |
產生的問題html
-
1，seo問題
搜索引擎優化，不一樣爬蟲工做原理相似，只會爬取源碼，不會執行網站的任何腳本。使用了Vue或者其它MVVM框架以後，頁面大多數DOM元素都是在客戶端根據js動態生成，可供爬蟲抓取分析的內容大大減小前端 -
2，首屏問題
大型單頁應用，打包後文件體積比較大，普通客戶端渲染加載全部所需文件時間較長，首頁就會有一個很長的白屏等待時間vue
服務端渲染
兩個入口，兩次打包（客戶端、服務端）node
Nuxt.js
從頭搭建一個服務端渲染的應用是至關複雜的。幸運的是，咱們有一個優秀的社區項目 Nuxt.js 讓這一切變得很是簡單。Nuxt 是一個基於 Vue 生態的更高層的框架，爲開發服務端渲染的 Vue 應用提供了極其便利的開發體驗。更酷的是，你甚至能夠用它來作爲靜態站生成器。推薦嘗試。nginx
本文分享 CSDN - 希境。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。web