vue ssr博客搭建

2017-08-04 19:44 热度: 332 我说呢

技术栈列表

终于下定决心要写个blog了,之前是用wordpress搭建的,期间不知道咋的阿里云服务器总是有问题

1.vue 全家桶

2.express

3.axios (http请求)

4.request (proxy代理)

5.mavon-editor (markdown编辑器)

6.md-js (markdown前端渲染)

7.vue-server-renderer (服务端渲染)

其实项目搭建也是直接找的网上的例子(手动惭愧.gif),然后又根据需求改造了些

服务器运行

npm run build (打包项目到dist目录)
cross-env NODE_ENV=production pm2 start server.js (我使用的是pm2)

无名

1.vue-router 可以记录路由上次浏览的位置

scrollBehavior (to, from, savedPosition) {
	if(savedPosition) {
		return savedPosition;
	}
	return { x: 0, y: 0 };
}

2.ssr 其实使用的是在server-entry.js中配置了asyncData (名字是自己随便取的),然后在vue组件里面实现方法即可

asyncData ({ store, route: { params: { id }}}) {
    return store.dispatch('getArticleData', { id: id })
}

先不写了,待后续更新

查看评论 (0条)

添加评论