🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
1.创建node服务器 2.引入 vue和vueSererRender 构造函数 3.创建vue实例 4.创建渲染器 render实例,传入template.html(html里需要有vue-ssr-outlet占位符) 5.根据router执行对应的render函数,将转成的字符串传入模板 ```js const Koa = require('koa') const fs = require('fs') const Router = require('koa-router') const Static = require('koa-static') const app = new Koa() const router = new Router() const Vue = require('vue') const VueSererRender = require('vue-server-renderer') // 创建 vue实例 const vm = new Vue({ data() { return { msg: 'hello ssr' } }, template: `<div>{{msg}}</div>` }) // 创建一个渲染器 const template = fs.readFileSync('./template.html', 'utf-8') let render = VueSererRender.createRenderer({ template }) router.get('/', async ctx => { ctx.body = await render.renderToString(vm) // 转成字符串 }) app.use(router.routes()) app.listen(3000) ```