diff --git a/package.json b/package.json index f081cee..4518745 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "demo", + "name": "yjgtest", "type": "module", "version": "1.0.0", "description": "", diff --git a/server.js b/server.js index a5cefe0..3eef10e 100644 --- a/server.js +++ b/server.js @@ -1 +1,35 @@ // TODO 监听3000端口,便于执行test +//实现 ssr 的服务端逻辑,处理页面和模板入参后,返回 html 页面到前端 +{/* +
Vue SSR Example
+ */} +import express from 'express' +import { createSSRApp } from 'vue' +import { renderToString } from 'vue/server-renderer' + +const server = express() + +server.get('/', (req, res) => { + const app = createSSRApp({ + data: () => ({ msg: 'Vue SSR Example' }), + template: `
{{ msg }}
` + }) + + renderToString(app).then((html) => { + res.send(` + + + + Vue SSR Example + + +
${html}
+ + + `) + }) +}) + +server.listen(3000, () => { + console.log('ready') +}) \ No newline at end of file