mitmproxy 解决CORS

本文介绍了如何利用mitmproxy来处理CORS跨域问题,类似于在Fiddler中修改响应头,通过在响应前设置Access-Control-Allow-Origin字段,允许特定origin进行跨域访问。

CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)。

它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制,是对ajax请求的限制,cors对静态资源没有跨域限制。

日常遇到CORS都是通过修改Fiddler Script中的OnBeforeResponse方法,让fiddler自动设置指定url的Access-Control-Allow-Origin
参考:Fiddler设置浏览器跨域访问接口

后来在业务上对mitmproxy的涉及,也就遇到了相同的CORS问题需要在mitm上解决的情况,
网上搜罗一番后发现并没有对这个问题的明确解决方法,于是只能看mitm的官方文档
初步理解后,从fiddler的解决方法出发,察觉到其实是在响应前修改这条响应的headers,
于是有以下解决方案:

from mitmproxy.http import flow

def request(flow
还是刚刚的问题 报错和url实际路径没关系 function sendAutoMKCOL() { const resultDiv = document.getElementById(‘mkcolResult’); resultDiv.textContent = “正在发送MKCOL请求…”; resultDiv.style.backgroundColor = “#e0e0e0”; // 修正1:使用具体资源路径 const url = serverUrl; // 修正2:先发送OPTIONS预检请求 const preflight = new XMLHttpRequest(); preflight.open("OPTIONS", url, true); preflight.setRequestHeader("Origin", window.location.origin); preflight.setRequestHeader("Access-Control-Request-Method", "MKCOL"); preflight.setRequestHeader("Access-Control-Request-Headers", "Depth"); // 关键修复3:添加超时处理 preflight.timeout = 5000; // 5秒超时 preflight.ontimeout = function() { resultDiv.textContent = "OPTIONS请求超时"; resultDiv.style.backgroundColor = "#ffcdd2"; }; preflight.onload = function() { console.log("OPTIONS响应状态:", preflight.status); console.log("响应头:", preflight.getAllResponseHeaders()); // 打印所有响应头 if (preflight.status === 200) { // 修正3:预检成功后发送MKCOL请求 //显示完整响应信息(包括头部和正文 // 关键修复4:验证CORS头 const allowOrigin = preflight.getResponseHeader("Access-Control-Allow-Origin"); const allowMethods = preflight.getResponseHeader("Access-Control-Allow-Methods"); if (allowOrigin !== "http://192.168.0.1:80") { resultDiv.textContent = `CORS Origin不匹配: ${allowOrigin}`; resultDiv.style.backgroundColor = "#ffcdd2"; return; } if (!allowMethods.includes("MKCOL")) { resultDiv.textContent = `MKCOL方法未允许: ${allowMethods}`; resultDiv.style.backgroundColor = "#ffcdd2"; return; } const mkcol = new XMLHttpRequest(); mkcol.open("MKCOL", url, true); // 修正4:添加必须的Depth头 /* mkcol.setRequestHeader(“Depth”, “1”); mkcol.setRequestHeader(“Content-Type”, “application/xml”); */ mkcol.onload = function() { if (mkcol.status >= 200 && mkcol.status < 300) { resultDiv.textContent = `MKCOL成功! 状态码: ${mkcol.status}`; resultDiv.style.backgroundColor = "#e8f5e9"; } else { resultDiv.textContent = `MKCOL失败: ${mkcol.status} ${mkcol.statusText}`; resultDiv.style.backgroundColor = "#ffebee"; } }; mkcol.onerror = function() { resultDiv.textContent = "MKCOL请求失败,请检查CORS配置"; resultDiv.style.backgroundColor = "#ffcdd2"; }; mkcol.send(); } else { resultDiv.textContent = `预检失败: ${preflight.status} ${preflight.statusText}`; resultDiv.style.backgroundColor = "#ffcdd2"; } }; preflight.onerror = function() { resultDiv.textContent = "OPTIONS预检请求失败"; resultDiv.style.backgroundColor = "#ffcdd2"; }; preflight.send(); }
最新发布
10-22
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值