首頁(yè) 猿問(wèn) 服務(wù)端渲染，是怎么個(gè)搞法，求解釋

服務(wù)端渲染，是怎么個(gè)搞法，求解釋

JavaScript

素胚勾勒不出你 2019-03-08 12:06:47

問(wèn)題描述我是一個(gè) java開(kāi)發(fā)人員，最近在了解這個(gè)服務(wù)端渲染是怎么個(gè)搞法，不是很明白，看了 vue的服務(wù)端渲染介紹也不是很懂以前的寫(xiě)接口，然后通過(guò)js獲取數(shù)據(jù)再展示，這是什么渲染我理解的是：服務(wù)端獲取數(shù)據(jù)，拼接成html，直接發(fā)給客戶端，但是這個(gè)過(guò)程，不是很了解它是怎么傳遞的感覺(jué)js都是無(wú)形傳參，隨便寫(xiě)個(gè)參數(shù)就能用，這個(gè)參數(shù)從哪來(lái)，有什么用，包含了什么都不知道問(wèn)題出現(xiàn)的環(huán)境背景及自己嘗試過(guò)哪些方法看了很多簡(jiǎn)單教程，有點(diǎn)懂，有點(diǎn)懵

查看完整描述

2 回答

www說(shuō)

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊

服務(wù)端渲染，按照你們java來(lái)理解，就是在前后端分離出現(xiàn)之間，通過(guò)jsp直接渲染html后，直接返回瀏覽器渲染端方式。
放到現(xiàn)在，就是在前端和后端之間，新增一個(gè)node層，通過(guò)node層去后端獲取接口數(shù)據(jù)。并完成頁(yè)面數(shù)據(jù)端渲染，在返回給瀏覽器。當(dāng)然，這中間包含了前端代碼的同構(gòu)，路由同步，數(shù)據(jù)流同步等一些列問(wèn)題。具體配置還是挺復(fù)雜等。vue等服務(wù)端渲染文檔還算較齊全的

反對(duì) 回復(fù) 2019-03-08

飲歌長(zhǎng)嘯

TA貢獻(xiàn)1951條經(jīng)驗(yàn) 獲得超3個(gè)贊

現(xiàn)代前端框架屬于SPA，所有元素節(jié)點(diǎn)由js生成，這個(gè)生成過(guò)程一般由框架的內(nèi)核代碼執(zhí)行，但這樣帶來(lái)的問(wèn)題就是前端編譯后的文件全都是js文件，而html只有簡(jiǎn)單的幾行內(nèi)容，這樣就產(chǎn)生了一個(gè)問(wèn)題，SEO的問(wèn)題如何解決。于是服務(wù)端渲染框架產(chǎn)生了，將客戶端組件放入后端渲染，由框架渲染出整體組建后將頁(yè)面發(fā)送到客戶端，這樣就解決了SEO的問(wèn)題。

反對(duì) 回復(fù) 2019-03-08