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 (可以在线编辑运行)
1
Alexisused 2017-03-21 07:20:34 +08:00 via Android
闲了试试
|
2
zaishanfeng 2017-03-21 07:41:18 +08:00
怎么配合 nginx
|
3
nicoljiang 2017-03-21 10:23:27 +08:00
它的意义是什么啊?
|
4
sox OP @zaishanfeng 和普通 node.js server 一样
|
5
yyy 2017-03-21 14:25:54 +08:00
能用 Koa 吗?
|
6
sox OP @yyy 可以的,刚刚加了个 example https://github.com/egoist/unvue/tree/master/examples/custom-server-koa
|