用fiddler解决跨域访问

在调试ajax请求时,经常遇到的是跨域的问题,而解决跨域问题其中之一的办法就是服务器端添加

Access-Control-Allow-Origin : *这样的头

在服务器没作出修改之前,我们要模拟这个情况就得用到fiddler了

两种方式,各有长短,先上图再说

方法1:修改CustomRules.js


 通过修改CustomRules.js给Fiddler添加菜单项,效果永久有效,操作方便,也可随时自定,实现如下

a. 在CustomRules.js的 public static RulesOption("Cache Always &Fresh", "Per&formance")下面加上以下代码:

Js代码  

  1. //这里是新加的菜单项
  2. RulesString("Override &Allow-Origin", true)         //一级菜单名称
  3. RulesStringValue(1,"*.qq.com", "*.qq.com")          //指定几个默认的的选项
  4. RulesStringValue(2,"*.tenpay.com","*.tenpay.com")
  5. RulesStringValue(3,"*.paipai.com","*.paipai.com")   //自己可以随时补充
  6. RulesStringValue(4,"&Custom...", "%CUSTOM%")        //允许用户自已定义,点击时弹出输入
  7. //如果加第4个参数为true的话,会把当前规则当作默认规则,每次启动都会生效,如:
  8. //RulesStringValue(5,"菜单项显示内容","菜单项选中对应值",true)//将会默认选中此项
  9. public static var sAllowOrigin: String = null;      //定义变量名称

b.在CustomRules.js时找到static function OnBeforeResponse,在函数体内再加上如下代码:

 注意:如果需要跨域读写cookie,要同时设置Access-Control-Allow-Credentials:ture

Js代码  

  1. if( sAllowOrigin ){
  2. oSession.oResponse["Access-Control-Allow-Origin"] = sAllowOrigin;
  3. oSession.oResponse["Access-Control-Allow-Credentials"] = "true";
  4. }

c. 保存CustomRules.js文件,大功告成

d.记得到Rules菜单下选中对应的选项才会生效

方法2:使用自带的filter插件,如下图

添加过程,按上图中的1,2,3步骤添加即可

时间: 2024-08-22 07:42:30

用fiddler解决跨域访问的相关文章

解决跨域访问

解决跨域访问的方法 1.用响应头 response.setHeader("Access-Control-Allow-Origin","*");//允许哪些服务器访问 response.setHeader("Access-Control-Allow-Methods","GET POST");//允许的提交方式 2.使用代理 3.JSONP 原理:通过JavaScript标签来访问服务器,并接受服务器返回的数据来实现跨域访问 js

用jQuery与JSONP轻松解决跨域访问的问题【转】

原文地址:http://www.jb51.net/article/46463.htm 好在,有jquery帮忙,跨域问题似乎没那么难缠了.这次也借此机会对跨域问题来给刨根问底,结合实际的开发项目,查阅了相关资料,算是解决了跨域问题..有必要记下来备忘. 跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作,然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url.来间接完成跨域访问也是可以的.但很显

深入理解jsonp解决跨域访问

在我们做的这个项目中充分利用jsonp跨域这一个特性,完成了简单的单点登录功能和权限统一认证控制,实现思路并不复杂同各种实现单点登录的产品相比可以说微不足道,各有各的好处.各有各的优点,选择什么方式实现完全取决于我们自己或者项目经理的开发经验,对各种框架的理解程度往往决定了目前开发项目的整体架构. 这不是一项凭空产生的新东西,仅仅是JS的一个特性而已之前没有被我们提及也没有被我们注意到原来经常使用的js还可以跨域呢,觉的我们对已经学过的东西理解还不是不够深入.有些肤浅,JS绝大多数在浏览器中运行

用jQuery与JSONP轻松解决跨域访问的问题

时间过得好快,又被拉回js战场时, 跨域问题这个伤疤又开疼了. 好在,有jquery帮忙,跨域问题似乎没那么难缠了.这次也借此机会对跨域问题来给刨根问底,结合实际的开发项目,查阅了相关资料,算是解决了跨域问题..有必要记下来备忘. 跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作,然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url.来间接完成跨域访问也是可以的.但很显然开发量比较大,但限制

CORS解决跨域访问问题

简言之,CORS就是为了让AJAX可以实现可控的跨域访问而生的. Tomcat下的配置   下载cors-filter-1.7.jar,java-property-utils-1.9.jar这两个库文件,放到lib目录下.(可在http://search.maven.org上查询并下载.)工程项目(如:geoserver)中web.xml中的配置如下: <filter> <filter-name>CORS</filter-name> <filter-class&g

C# 和Jsonp的一个小demo 用jQuery与JSONP轻松解决跨域访问的问题

客服端:      在A项目下面 建立一个 JsonpClient.aspx页面,代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JsonpClient.aspx.cs" Inherits="WebFrom.JsonpClient" %> <!DOCTYPE html> <html xmlns="http:/

深入了解jsonp解决跨域访问

在这个项目中,我们做的充分利用jsonp这是一个特点跨界,完成简单的单点登录认证和权限控制的统一.道,各有各的优点.各有各的优点,选择什么方式实现全然取决于我们自己或者项目经理的开发经验,对各种框架的理解程度往往决定了眼下开发项目的总体架构. 这不是一项凭空产生的新东西.不过JS的一个特性而已之前没有被我们提及也没有被我们注意到原来常常使用的js还能够跨域呢,觉的我们对已经学过的东西理解还不是不够深入.有些肤浅,JS绝大多数在浏览器中执行完毕各种动态效果,开发js的人一開始应该就考虑到了浏览器的

MVC上的jsonp扩展,解决跨域访问问题

总是有人会遇到跨域问题,然后有个jsonp的解决方案,MVC中代码如下: public class JsonpResult : System.Web.Mvc.JsonResult { object data = null; public JsonpResult() { } public JsonpResult(object data) { this.data = data; } public override void ExecuteResult(ControllerContext contro

springboot解决跨域访问

/** * 跨域设置 * @Version 1.0.0 * @Description */ @Configuration public class CorsConfig extends WebMvcConfigurationSupport { @Override protected void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("*")