fiddler实现本地跨域开发

• 前端本地开发的时候会遇到跨域问题，如果是前后端分离的项目大多数后端会给你处理，但是有些情况后端是不处理的，比如说我们有些小页面开发好之后直接给后端，他们放到自己项目下，这时就不需要处理跨域了。

• vue-cli开发的时候，官方已经处理了很多东西，我们直接就可以通过配置proxy实现跨域开发。

• 但是比如目前我的需求就是一个简单的小静态页面 ，直接jquery就可以解决，不想用那么大的东西。所以直接采用fillder实现。（啥？fillder是干啥的？自己百度一下吧。）

• 然后其他使用什么手机抓包等功能这里也不追溯，直接说怎么实现跨域。

1. 点击顶部Rules--->Customize Rules

   
   image.png

2 . 全局搜索 OnBeforeResponse ，里面可以配置对某个url实现跨域，也可以配置所以跨域处理。

        //if(oSession.uriContains("要处理的url")){
        //    oSession.oResponse["Access-Control-Allow-Origin"] =  "允许的域名";
        //    oSession.oResponse["Access-Control-Allow-Credentials"] = true;
        //}
        
        
        oSession.oResponse["Access-Control-Allow-Origin"] =  '*';
        oSession.oResponse["Access-Control-Allow-Credentials"] = true;

image.png

• 好了，保存退出。就可以了。之后又跨域问题的页面，直接启动fillder就可以了。举个栗子：

没有启动fillder

image.png

启动了fillder之后

image.png