From 64a4fa98f06b98a9f28194e93f0e98f28472933a Mon Sep 17 00:00:00 2001 From: caoxiangsong Date: Fri, 2 Sep 2022 14:50:27 +0800 Subject: [PATCH 1/2] =?UTF-8?q?SSR=20=E6=B8=B2=E6=9F=93=E7=BB=83=E4=B9=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- server.js | 26 +++++++++++++++++++++++++- test/index.spec.js | 2 +- 2 files changed, 26 insertions(+), 2 deletions(-) diff --git a/server.js b/server.js index a5cefe0..ff88deb 100644 --- a/server.js +++ b/server.js @@ -1 +1,25 @@ -// TODO 监听3000端口，便于执行test +import express from "express"; +import { createSSRApp } from "vue"; +import { renderToString } from "vue/server-renderer"; + +const server = express(); + +server.get("/", (req, res) => { + const title = req.query.title; + const app = createSSRApp({ + data: () => ({ title }), + template: `
{{title}}
`, + }); + + renderToString(app).then((html) => { + res.send(` + +
${html}
+ + `); + }); +}); + +server.listen(3000, () => { + console.log("ready"); +}); diff --git a/test/index.spec.js b/test/index.spec.js index 0567ead..e6f2013 100644 --- a/test/index.spec.js +++ b/test/index.spec.js @@ -4,7 +4,7 @@ describe('NuxtLogo', () => { test('is a Vue instance', async () => { const browser = await puppeteer.launch({ ignoreDefaultArgs: ['--disable-extensions'] }); const page = await browser.newPage(); - await page.goto('http://localhost:3000') + await page.goto('http://localhost:3000?title=Vue SSR Example') const bodyHandle = await page.$('body'); const bodyInnerHTML = await page.evaluate(dom => dom.innerHTML, bodyHandle); await bodyHandle.dispose(); From 6d6a67140eb348ee8c0d7473e850ff8359fbade1 Mon Sep 17 00:00:00 2001 From: caoxiangsong Date: Fri, 2 Sep 2022 15:10:33 +0800 Subject: [PATCH 2/2] =?UTF-8?q?SSR=20=E6=B8=B2=E6=9F=93=E7=BB=83=E4=B9=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- server.js | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/server.js b/server.js index ff88deb..004a8f1 100644 --- a/server.js +++ b/server.js @@ -13,9 +13,15 @@ server.get("/", (req, res) => { renderToString(app).then((html) => { res.send(` - -
${html}
- + + + + Vue SSR Example + + +
${html}
+ + `); }); });