vuejs的服務(wù)器端渲染和java的服務(wù)器端渲染有什么區(qū)別嗎?

在剛工作做java開發(fā)的時候, 全都是服務(wù)器端渲染, 從 jsp 到 freemarker 等, 為什么 vue/react 要單獨提出來這個概念呢? 與 vue/react 有關(guān)系嗎?

java的服務(wù)器端渲染
以使用Spring為例, 就是寫個 Controller, 然后 return 一個模板引擎頁面, 同時需要往模板頁面中的變量設(shè)置值

vue的服務(wù)器端渲染
看官網(wǎng)是結(jié)合Express這個web框架, 原理也都差不多, 官網(wǎng)是這樣的

// 第 1 步：創(chuàng)建一個 Vue 實例
const Vue = require('vue')
const app = new Vue({
  template: `<div>Hello World</div>`
})
// 第 2 步：創(chuàng)建一個 renderer
const renderer = require('vue-server-renderer').createRenderer()
// 第 3 步：將 Vue 實例渲染為 HTML
renderer.renderToString(app, (err, html) => {
  if (err) throw err
  console.log(html)
  // => <div data-server-rendered="true">Hello World</div>
})

純 Express 是這樣

app.get('/', function (req, res) {
  res.render('index', { title: 'Hey', message: 'Hello there!'});
});

我的理解是, js技術(shù)棧中服務(wù)器渲染用 Express 就已經(jīng)足夠了, 為什么 Vue, React 還要單獨開發(fā)一個 SSR 模塊, 實質(zhì)不就是訪問一個 url, 然后 Server 端直接返回一個頁面嗎? 用 java 不行嗎? 模板中你想引入啥 js 框架不就這么寫就 ok 了嘛?

// template.tpl
<html>
<body>
<ul>
<% for(String msg : msgs){ %>
<li><%=msg%></li>
%>
</ul>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</body>
</html>

請大家指教

回答

編輯回答

汐顏

因為可以使用前端框架一些方案解決前端開發(fā)，但是渲染放在前端，搜索引擎是解析執(zhí)行不了的
你的那種方案，并不可行，這樣load的頁面返回本質(zhì)上還是在前端渲染
搜索引擎只認拿到的，并不關(guān)你會變成怎樣。
那么就簡化成只要拿到處理后的html即可
例如build出前端項目加一層渲染然后返回渲染后的文件
例如ssr模塊，犧牲一些東西。

2017年2月5日 19:40

編輯回答

熟稔

這要做到前后端同構(gòu)，一套代碼解決兩端。
用vue可以做到一個url進來，若是到了服務(wù)器端，服務(wù)端就把當前url對應(yīng)的最終html給渲染出來，然后控制權(quán)就在瀏覽器端了，這時候跳轉(zhuǎn)url全部由瀏覽器端控制，只向服務(wù)器端請求所需要的數(shù)據(jù)，服務(wù)器端不需要再繼續(xù)渲染出最終的html了

2018年1月6日 01:21