From 30c8acc3dad9f97e35a9a4e8c4b7b42f0b391aa3 Mon Sep 17 00:00:00 2001
From: gygirl <1308265464@qq.com>
Date: Sun, 11 Sep 2022 22:04:32 +0800
Subject: [PATCH] =?UTF-8?q?'=E6=8F=90=E4=BA=A4=E4=BD=9C=E4=B8=9A10'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
package.json | 2 +-
server.js | 34 ++++++++++++++++++++++++++++++++++
2 files changed, 35 insertions(+), 1 deletion(-)
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 页面到前端
+{/*
+
+ */}
+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