使用fiddler工具进行前后端连调：将本地网页放到某个域下

fiddler学习相关链接

慕课网（搜索框）：http://www.imooc.com/video/263

慕课网（fiddler）：http://www.imooc.com/learn/37

在学习搜索框制作的过程中，遇到一个拦路虎：我需要将本地网页放到某个域下（这里用到的是微软的bing搜索）。

做事呢，要讲究循序渐进，要有目标，才有努力的方向。

所以呢，我们先要幻想一下最终的结果应该是什么样的。然后再朝这个方向努力，然而我也赚不到一个亿。

前面api.bing.com就是服务器的域名，bing-search是我们本地的文件。

我们都知道fiddle的原理，就是fiddle相当于一个代理。

我们可以对用户的请求或者服务器的响应进行修改。

现在我们请求的http://api.bing.com/bing-search.html，这个文件服务器上并不存在，因此会报错，HTTP报错码为404。

但是利用fiddle的话，我们就可以修改来自服务器的响应，把这个响应替换成自己的页面（本地文件）。

由于fiddle是代理服务器，地址和端口如图。

1、更改浏览器网络代理

IE浏览器可以直接使用，其他浏览器需要更改网络代理，以Firefox为例。

2、请求网址

然后请求网址：http://api.bing.com/bing-search.html

由于服务器没有这个文件，因而报错（404）：

3、替换文件

4、replay：返回200，通过。

刷新浏览器：发现原本设置的图片都没了，这是因为我们只替换了本地html文件。

从fiddle中可以看到

5、将其他文件进行替换

按照步骤3将图片等其他文件进行替换。

这样，我们的基本要求就实现了。

最后我想说自己开始的时候一直蠢里蠢气的刷新本地网页，说怎么设置不成功。