diff --git a/server.js b/server.js index a5cefe0..004a8f1 100644 --- a/server.js +++ b/server.js @@ -1 +1,31 @@ -// 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(` + + + + Vue SSR Example + + +
${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();