前言
大约一年前用了vue1.0写了知乎日报,当时没有用vuex,而且url和view也没有一一对应,并且开源出来别人下载不一定跑的起来(后台代理问题),这次重构用了大约一天时间,使用vue2.0和vuex,基本没有使用vue-cli,自己配的webpack(中间有很多坑,还是vue-cli好用)。使用async/await并且把请求都分离出来方便开发。
知乎日报 vue2.0版
开发框架:vue2.0全家桶(vue.js
,vuex
,vue-router
)
构建工具: webpack
css预编译工具: less
babel:preset-es2015
,stage-3
,由于使用了 async/await
,所以需要babel-polyfill
此版本不包括离线下载、查看评论、没有做错误处理等。
功能包括
- 查看最新消息
- 查看主题列表
- 查看主题内容
- 查看文章详情
预览&源码
使用vue1.0开发的版本已经停止维护和预览。
2.0版本demo预览
源码
使用
1 | git clone git@github.com:GaryChangCN/zhihu-daily-byVuejs.git |
在server.js中更改后端host地址。
API
api来源于 @izzyleung 并使用node.js进行二次封装, 项目灵感来源于 @hilongjw
API使用,
所有uri格式相同除了把host改成了本地 localhost:9999
tips
图片会提示图片只允许在知乎使用 我目前没有好的解决方式,若直接使用api返回的图片地址,知乎会直接返回403
,我这里使用了node来代理更改referer头获取图片。使用方式是新建一个全局filter
image
。