-
Notifications
You must be signed in to change notification settings - Fork 1
/
server.js
51 lines (42 loc) · 1.16 KB
/
server.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
const path = require("path");
const express = require("express");
const vueServerRenderer = require("@vue/server-renderer");
const { createBundleRenderer } = require("vue-bundle-renderer");
const serverBundle = require("./dist/vue-ssr-server-bundle.json");
const clientManifest = require("./dist/vue-ssr-client-manifest.json");
const server = express();
server.use("/dist", express.static(path.resolve(__dirname, "./dist")));
renderer = createBundleRenderer(serverBundle, {
clientManifest,
runInNewContext: false,
vueServerRenderer,
});
server.get("*", async (req, res) => {
res.setHeader("Content-Type", "text/html");
const context = {
req,
};
try {
const content = await renderer.renderToString(context);
const html = `
<!DOCTYPE html>
<html>
<head>
${context.renderResourceHints()}
${context.renderStyles()}
<title>Vue 3 SSR</title>
</head>
<body>
<div id="app">${content}</div>
<div id="endofbody"></div>
${context.renderScripts()}
</body>
</html>`;
res.send(html);
} catch (err) {
console.log(err);
}
});
server.listen(8080, function () {
console.log("server running on http://localhost:8080");
});