vue克隆v2ex网站随记

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=falsed的结果，而在f12下的network的status是200，并有正确的返回结果，这就让我很郁闷了。
　　最后查了不少资料，最可恨的是对于v2ex api的介绍少之又少，不过天无绝人之路，况且以前克隆郭v2ex的大有人在，最终被我发现了一个大招，vue-cli提供的proxyTable的配置，即反向代理。

反向代理

　　反向代理（Reverse Proxy）方式是指以代理服务器来接受Internet上的连接请求，然后将请求转发给内部网络上的服务器；并将从服务器上得到的结果返回给Intern