vue服务端渲染vue-hackernews-2.0框架的dem

2020-06-25  本文已影响0人  榕榕vivian

vue-hackernews-2.0支持服务端渲染,此demo是用vue-hackernews-2.0做的,主要用于了解服务端渲染。
github地址:https://github.com/liaojunhongyue/vue-hackernews-demo

项目启动:

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

项目主要包含:

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

项目展示:

页面展示.jpg

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


查看网页源代码看到的html.jpg
上一篇下一篇

猜你喜欢

热点阅读