Vue新手向 知乎日报 by Vue.js
2016-07-28 13:33
465 查看
第一次使用vue,希望对vue感兴趣的同学有所帮助
查看主题列表
查看主题内容
查看文章详情
api来源于 izzyleung 并使用node.js进行二次封装, 接口说明 项目灵感来源于 hilongjw 不同之处是我没有使用
注 node.js服务器监听的是8088接口 我这里用了nginx来反向代理 匹配规则是
图片会提示图片只允许在知乎使用 我目前没有好的解决方式,若直接使用api返回的图片地址,知乎会直接返回
知乎日报 vuejs
简介
[b]zhihu-daily-byVuejs 是用vue.js vue-router node.js 开发的知乎日报 采用了vue-cli 和 webpack进行打包[/b]Github
https://github.com/GaryChangCN/zhihu-daily-byVuejs
功能包括
查看最新消息查看主题列表
查看主题内容
查看文章详情
API
api来源于 izzyleung 并使用node.js进行二次封装, 接口说明 项目灵感来源于 hilongjw 不同之处是我没有使用vuex
注 node.js服务器监听的是8088接口 我这里用了nginx来反向代理 匹配规则是 ~ ^\/tiny-
当然,你也使用我Demo提供的接口(支持cors跨域) 但是我不建议你这样做,因为demo所在服务器带宽非常低
图片会提示图片只允许在知乎使用 我目前没有好的解决方式,若直接使用api返回的图片地址,知乎会直接返回403,我这里使用了node来代理更改referer头获取图片,但是使用一会儿后就不行了,准备采用iframe嵌套访问图片当然,有好的解决盗链的方法可以教教我。
Demo
Demo地址 建议使用手机查看或者F12 DevTool 手机模式 仅供测试
使用
node app.js npm install npm start //webpack-dev-server
之后
我会完善获取更多消息,分类评论及解决图片问题
截图
License
MIT相关文章推荐
- webpack bable-loader升级无法编译jsx es6
- -webkit-flex 被移除了
- VUEJS实战之修复错误并且美化时间(2)
- JavaScript的Vue.js库入门学习教程
- VUEJS实战之构建基础并渲染出列表(1)
- vueJS简单的点击显示与隐藏的效果【实现代码】
- VUEJS实战之利用laypage插件实现分页(3)
- JavaScript的MVVM库Vue.js入门学习笔记
- vue,angular,avalon这三种MVVM框架优缺点
- Vue入门之数据绑定(小结)
- Webpack 实现 Node.js 代码热替换
- Webpack 实现 AngularJS 的延迟加载
- webpack中引用jquery的简单实现
- ReactJS学习笔记——npm、JSX、webpack
- webpack共用于前后端的小坑
- React 相关文档
- 在现有 server 中集成 webpack + react 热加载
- Electron+React+Webpack+Vscode应用桌面开发平台搭建
- webpack使用的一些看法
- JavaScript的MVVM库Vue.js入门学习笔记