From f92174d266ac933ad90665fb19caecad3e44ba6b Mon Sep 17 00:00:00 2001 From: Leopen <790480953@qq.com> Date: Sat, 10 Sep 2022 15:10:25 +0800 Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E5=AE=9E=E7=8E=B0=E5=9F=BA?= =?UTF-8?q?=E4=BA=8E=20vue=20=E7=9A=84=E7=AE=80=E5=8D=95=20ssr=20app?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.js | 6 ++++++ client.js | 3 +++ server.js | 36 +++++++++++++++++++++++++++++++++++- 3 files changed, 44 insertions(+), 1 deletion(-) create mode 100644 app.js create mode 100644 client.js diff --git a/app.js b/app.js new file mode 100644 index 0000000..3fb62c4 --- /dev/null +++ b/app.js @@ -0,0 +1,6 @@ +import { createSSRApp } from 'vue' + +export const app = createSSRApp({ + data: () => ({ hello: 'Vue SSR Example' }), + template: `
{{ hello }}
`, +}) diff --git a/client.js b/client.js new file mode 100644 index 0000000..73c9676 --- /dev/null +++ b/client.js @@ -0,0 +1,3 @@ +import { app } from './app.js' + +app.mount('#app') diff --git a/server.js b/server.js index a5cefe0..27739f9 100644 --- a/server.js +++ b/server.js @@ -1 +1,35 @@ -// TODO 监听3000端口，便于执行test +import express from 'express' +import { app } from './app.js' +import { renderToString } from 'vue/server-renderer' + +const server = express() +server.use(express.static('.')) + +server.get('/', (req, res) => { + renderToString(app).then((html) => { + res.send(` + + + + Vue SSR Example + + + + + +
${html}
+ + + `) + }) +}) + +server.listen(3000, () => { + console.log('ready') +}) From c04a80333b2a2876ca4c293f5a292b2eb137db5d Mon Sep 17 00:00:00 2001 From: Leopen <790480953@qq.com> Date: Sat, 10 Sep 2022 15:15:53 +0800 Subject: [PATCH 2/2] =?UTF-8?q?refactor:=20=E4=BC=98=E5=8C=96=20console?= =?UTF-8?q?=EF=BC=8C=20=E8=BE=93=E5=87=BA=E5=9C=B0=E5=9D=80=E6=96=B9?= =?UTF-8?q?=E4=BE=BF=E8=AE=BF=E9=97=AE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- server.js | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/server.js b/server.js index 27739f9..ec0280f 100644 --- a/server.js +++ b/server.js @@ -30,6 +30,7 @@ server.get('/', (req, res) => { }) }) -server.listen(3000, () => { - console.log('ready') +const port = 3000 +server.listen(port, () => { + console.log(`started at http://127.0.0.1:${port}`) })