【vue】仿追书神器①

选择仿追书神器是因为在网上搜索到大佬整理的在线API接口(可用)。

前序：

         我本身爱看小说，想着写一个全栈的吧，建mongoDB数据库字段不知如何圆满定义，转而放弃。

         思索着就写一个前台页，那么需要数据来源。之后就搜到了 “仿追书神器”，大佬整理的api接口可用，感觉可以反过来存到本地mongoDB里面去。

         所以，全栈不是不可能。

这篇，先把前台页 写出来，api用在线的。

资料：

API接口整理地址(在线地址)接口分析，均为GET请求

仿追书神器项目(nodejs+koa2+babel)

vue-nReader(vue2.0+vue-router+vuex)

仿追书神器(vue.js+vuex+Mint-UI)

我想用的技术栈vue.js+vue-router+vuex+vux。(talkingdata里提供的iView主要用于pc后台页，iView Weapp为小程序ui，inMap图层大数据)

页面布局：

我直接截追书神器的布局来写，这是首页。其他页自行打开追书神器移动版网站查看

页面制作：

也即项目构建（vue-cli+webpack+vux+vue-router）

# install vue-cli  
npm install --global vue-cli  
  
# init a webpack project with vuxjs/template  
vue init airyland/vux2 projectName  

cd projectName
npm install  
npm run dev 

输入 http://localhost:8080（端口在config里可以修改,ps:此项目我改为8008了）即可查看