知乎日报vue2.0重构

前言

大约一年前用了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
2
3
4
git clone git@github.com:GaryChangCN/zhihu-daily-byVuejs.git
yarn install
yran run server
yarn run dev

在server.js中更改后端host地址。

API

api来源于 @izzyleung 并使用node.js进行二次封装, 项目灵感来源于 @hilongjw

API使用,

所有uri格式相同除了把host改成了本地 localhost:9999

tips

图片会提示图片只允许在知乎使用 我目前没有好的解决方式,若直接使用api返回的图片地址,知乎会直接返回403,我这里使用了node来代理更改referer头获取图片。使用方式是新建一个全局filter image

vue1.0

截图

2.0版本

License

MIT

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×