vue克隆v2ex网站随记
核心技术框架
- vue
- vue-resource
- vue-router
- bootstrap
- v2ex api
- proxy 反向代理技术
实现功能
- 基本克隆www.v2ex.com的功能
- 自适应功能
- 利用反向代理跨域访问v2ex api
随记
克隆www.v2ex.com的页面样子并不困难,主要是在使用v2ex的api的时候遇到了不少问题,由于不同域的原因,就必须使用跨域解决,vue-resource提供了很好的跨域访问工具,在以前我用它来访问豆瓣的api的时候是没有问题的,但在这里就返回了ok=false
d的结果,而在f12下的network的status是200,并有正确的返回结果,这就让我很郁闷了。
最后查了不少资料,最可恨的是对于v2ex api的介绍少之又少,不过天无绝人之路,况且以前克隆郭v2ex的大有人在,最终被我发现了一个大招,vue-cli提供的proxyTable的配置,即反向代理。
反向代理
反向代理(Reverse Proxy)方式是指以代理服务器来接受Internet上的连接请求,然后将请求转发给内部网络上的服务器;并将从服务器上得到的结果返回给Intern