本地,怎么把自己做的html页面放到某个域下呢?

【目标】: 把自己制作的网页放到了api.bing.com下面

【解决】:如果你了解web server这个技术,你就可以使用Nginx或fiddler快速搭建这么一个环境,这里我们使用fiddler。


fiddler就相当于1个代理,可以对用户的请求和服务器的响应进行修改。我们知道如果我们请求一个服务器上不存在的文件一般是跳转到一个404页面,但是利用该工具就可以实现修改服务器响应的结果,呈现给用户一个自定义的文件——我们只需要拦截服务器的响应并替换成我们自己的页面即可。

    由于Fiddler是基于代理的工作原理,所以打开Fiddler后IE的代理就被修改成了127.0.0.1:8888,可以直接使用,其他浏览器Chrome或者是Firefox可能需要更改网络代理,以Firefox为例。找到设置-->高级-->网络-->代理配置即可,如下图:

本地,怎么把自己做的html页面放到某个域下呢?_第1张图片

    接下来我们请求一个地址http://api.bing.com/bing_search.html,由于bing_search.html在服务器压根不存在所以会报出404错误,在Fiddler中我们捕获到了这个响应:

http://img.mukewang.com/5595db6100010da107080123.jpg

    接下来我们将此response替换成我们的本地页面,就实现了将我们自己的文件放在某个域:

本地,怎么把自己做的html页面放到某个域下呢?_第2张图片

    刷新浏览器,就可以发现我们请求的页面不再是404错误了。

本地,怎么把自己做的html页面放到某个域下呢?_第3张图片

    由于我是将样式和js单独写在另一个文件中,所以还是有404错误,接下来按照同样的方法替换成我们本地的资源:

本地,怎么把自己做的html页面放到某个域下呢?_第4张图片

    再次刷新页面,发现网页加载成功:

本地,怎么把自己做的html页面放到某个域下呢?_第5张图片

    控制台没有任何报错信息,至此完成了将某个页面放在特定的域解决了js的跨域请求。

参考资料:http://kb.cnblogs.com/page/130367/


fiddler就相当于1个代理,可以对用户的请求和服务器的响应进行修改。我们知道如果我们请求一个服务器上不存在的文件一般是跳转到一个404页面,但是利用该工具就可以实现修改服务器响应的结果,呈现给用户一个自定义的文件——我们只需要拦截服务器的响应并替换成我们自己的页面即可。

    由于Fiddler是基于代理的工作原理,所以打开Fiddler后IE的代理就被修改成了127.0.0.1:8888,可以直接使用,其他浏览器Chrome或者是Firefox可能需要更改网络代理,以Firefox为例。找到设置-->高级-->网络-->代理配置即可,如下图:

本地,怎么把自己做的html页面放到某个域下呢?_第6张图片

    接下来我们请求一个地址http://api.bing.com/bing_search.html,由于bing_search.html在服务器压根不存在所以会报出404错误,在Fiddler中我们捕获到了这个响应:

http://img.mukewang.com/5595db6100010da107080123.jpg

    接下来我们将此response替换成我们的本地页面,就实现了将我们自己的文件放在某个域:

本地,怎么把自己做的html页面放到某个域下呢?_第7张图片

    刷新浏览器,就可以发现我们请求的页面不再是404错误了。

本地,怎么把自己做的html页面放到某个域下呢?_第8张图片

    由于我是将样式和js单独写在另一个文件中,所以还是有404错误,接下来按照同样的方法替换成我们本地的资源:

本地,怎么把自己做的html页面放到某个域下呢?_第9张图片

    再次刷新页面,发现网页加载成功:

本地,怎么把自己做的html页面放到某个域下呢?_第10张图片

    控制台没有任何报错信息,至此完成了将某个页面放在特定的域解决了js的跨域请求。

参考资料:http://kb.cnblogs.com/page/130367/


你可能感兴趣的:(前端开发)