unvue 是基于 vue-router 的 Vue.js 应用同构 (SSR) 渲染框架, Vue 2.2 和最新的 vue-server-renderer 已经让 SSR 十分简单了,更进一步就是减少 boilerplate 代码和优化开发体验,而这就是 unvue 做的。和 Next.js/Nuxt.js 不同, unvue 不要求你有固定的目录结构,和普通的 webpack 项目没多大区别,想怎么放都行,只要在 src/index.js export 一个 router 就行了:
// your vue router instance
import router from './router'
export { router }
然后在你的项目里执行:
yarn add unvue
yarn unvue -- dev
打开 http://localhost:3000 就是一个完善的服务器端渲染的网站
项目: https://github.com/egoist/unvue
Demo: http://magnificent-heaven.glitch.me/ (妹子图)
Demo 代码: https://glitch.com/edit/#!/join/3768925c-57df-41cb-8b2b-57afc8789beb (可以在线编辑运行)