NIUCLOUD是一款SaaS管理后台框架多应用插件+云编译。上千名开发者、服务商正在积极拥抱开发者生态。欢迎开发者们免费入驻。一起助力发展! 广告
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) ```