From aa492475901f0f9d2a81a6b57e37f46ebedd296c Mon Sep 17 00:00:00 2001 From: Chris Wang Date: Mon, 12 Sep 2022 01:54:14 +1000 Subject: [PATCH 1/3] Update server --- server.js | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/server.js b/server.js index a5cefe0..dccb127 100644 --- a/server.js +++ b/server.js @@ -1 +1,23 @@ // TODO 监听3000端口，便于执行test +import express from 'express'; +import { Vue, createApp } from 'vue'; +const server = express(); + +server.get('*', (req, res) => { + // const app = new Vue({ + // data: { + // array: ['vue', 'java', 'python', 'javascript'], + // }, + // template: `
Vue SSR Example
`, + // }); + + res.send( + 'Vue Js – SSR SAMPLEhtml' + ); +}); + +const PORT = 4000; + +server.listen(PORT, () => { + console.log(`server listening on port ${PORT}`); +}); From bfb890856549dbcc13811be7c26886eeab01ac76 Mon Sep 17 00:00:00 2001 From: Chris Wang Date: Mon, 12 Sep 2022 01:54:28 +1000 Subject: [PATCH 2/3] Update Server --- server.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/server.js b/server.js index dccb127..40cba38 100644 --- a/server.js +++ b/server.js @@ -1,6 +1,6 @@ // TODO 监听3000端口，便于执行test import express from 'express'; -import { Vue, createApp } from 'vue'; +import { createApp } from 'vue'; const server = express(); server.get('*', (req, res) => { From 47a2b8c305400f587822295add72d8c7ba32d57b Mon Sep 17 00:00:00 2001 From: Chris Wang Date: Mon, 12 Sep 2022 02:18:28 +1000 Subject: [PATCH 3/3] Update server --- server.js | 35 ++++++++++++++++++++++++----------- 1 file changed, 24 insertions(+), 11 deletions(-) diff --git a/server.js b/server.js index 40cba38..1592195 100644 --- a/server.js +++ b/server.js @@ -1,22 +1,35 @@ // TODO 监听3000端口，便于执行test import express from 'express'; -import { createApp } from 'vue'; +import { createSSRApp } from 'vue'; +import { renderToString } from 'vue/server-renderer'; + const server = express(); server.get('*', (req, res) => { - // const app = new Vue({ - // data: { - // array: ['vue', 'java', 'python', 'javascript'], - // }, - // template: `
Vue SSR Example
`, - // }); + const app = createSSRApp({ + data: () => ({ + content: 'Vue SSR Example', + }), + template: `
{{ content }}
`, + }); - res.send( - 'Vue Js – SSR SAMPLEhtml' - ); + renderToString(app).then((html) => { + res.send(` + + + + + Vue SSR Example + + +
${html}
+ + + `); + }); }); -const PORT = 4000; +const PORT = 3000; server.listen(PORT, () => { console.log(`server listening on port ${PORT}`);