利用fiddler解决web前端本地开发接口跨域问题

本地开发web前后端分离的项目容易遇到就是跨域的问题。解决的办法很多，但是我这边只介绍一个最简单的方式。使用fiddler来解决。

跨域问题

原理：利用fiddler作为代理，服务器返回数据的时候，截取服务器返回的数据，在数据中插入
Access-Control-Allow-Origin：*的返回头，“欺骗”浏览器达到跨域调试接口的效果。

首先下载fiddler，地址：http://fourpan.com/fs/7v92f3162675f6/

绿化打开软件，如图，选择自定义规则

image.png

打开规则编辑器，在OnBeforeResponse函数后面添加代码。

image.png

static function OnBeforeResponse(oSession: Session) {
    if (m_Hide304s && oSession.responseCode == 304) {
        oSession["ui-hide"] = "true";
    }
    oSession.oResponse.headers.Add("Access-Control-Allow-Origin","*");
}

然后按下F12开始监听，就能愉快的调试接口了。