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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值