利用fiddler将本地网页放到某个域下

注：学习慕课网前端开发课程《搜索框的制作》，利用fiddler将本地网页放到某个域下进行调试，解决跨域问题

如果我们请求一个服务器上不存在的文件一般是跳转到一个404页面，但是利用fiddler工具可以实现修改服务器响应的结果，呈现给用户一个自定义的文件——我们只需要拦截服务器的响应并替换成我们自己的页面即可。

• 打开fiddler，在浏览器中请求地址http://api.bing.com/bing_search-ajax.htm。由于服务器上不存在文件bing_search-ajax.htm，所以会返回404错误，fiddler捕获此此响应：

• 将此response替换成我们想要放在服务器上的本地文件bing_search-ajax.htm。选中上一步中的404记录，点开其AutoResponder，勾选如图两个选项，点击add rules;

　　　　

接着选中自己所要添加的文件：如下图红框中的最后一项为find a file ，点击选中文件即可。

选中之后如下图，点击save保存：

　　　　

• 此时再选中原先的404记录，点击工具栏replay（即重新加载一次），返回200，表示替换成功；

　　　　

• 此时回到浏览器，结果如下图；发现图片均没有加载进来，这也是上图中3条404记录的原因，即仅加载了本地文件/bing_search-ajax.htm，其中包含的图片均未加载；

 

•  此时只需要按上述步骤，将图片均添加上就可以了

　　　　

•  添加好之后，回到浏览器，一切就搞定啦~