服務(wù)器端渲染的優(yōu)勢(shì)在于更好的seo以及更快的渲染速度

要使用服務(wù)器端渲染，需要使用server-entry.js和client-entry.js兩個(gè)入口文件，兩者都會(huì)使用到app.js進(jìn)行打包，其中通過(guò)server-entry.js打包的代碼是運(yùn)行在node端，二通過(guò)client-entry.js打包代碼運(yùn)行在客戶端。

在純前端渲染時(shí)，一般使用的是web-dev-server這個(gè)插件，它可以自動(dòng)幫助我們開(kāi)啟一個(gè)node端，主要作用是監(jiān)控并打包代碼，但是實(shí)際上還是純前端渲染，另外配合web-hot-middleware來(lái)進(jìn)行HMR熱更新，這樣可以在我們改變了代碼之后自動(dòng)打包并更新view，以此來(lái)提高開(kāi)發(fā)效率。

而在vue服務(wù)器端渲染時(shí)，就不能只是使用web-dev-server和web-hot-middle了，因?yàn)槲覀冃枰砑臃?wù)器渲染的node代碼邏輯，這樣，我們可以自己開(kāi)一個(gè)node服務(wù)器，使用webpack-dev-middle中間件進(jìn)行打包、使用webpack-hot-middle中間件進(jìn)行熱更新，并添加服務(wù)器端渲染邏輯，即node端通過(guò)引入vue-serverer-renderer插件來(lái)渲染服務(wù)器端打包的bundle文件到客戶端。

總結(jié)

以上是生活随笔為你收集整理的vue服务端渲染的优势的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。