vue-hackernews-demo

vue-hackernews-2.0支持服务端渲染，此demo是用vue-hackernews-2.0做的，主要用于了解服务端渲染。

项目启动

1. 执行npm install或cnpm install安装依赖；
2. 进入到mock文件夹下，执行node server.js，启动mock的接口；
3. 在进入到项目中执行npm run dev启动项目。

项目主要包含

1. 用express去mock数据；
2. 给vue-hackernews-2.0框架增加eslint-loader、less-loader的配置；
3. 增加element-ui；
4. 封装axios来发送请求；
5. 用asyncData和store做数据的预取和存储。

项目展示

与客户端渲染不同，服务端渲染对seo友好，并且可以渲染出后台接口返回的数据，如下图所示：