charles之web和H5map資料的方法
阿新 • • 發佈：2020-12-02
一、maplocal不成功的原因
map前response的header：
map後response的header：
對比maplocal前後的介面請求會發現，map後的介面response的header，比map前response的header少了很多引數；其中比較重要的有：
Access-Control-Allow-Headers：用於一個預檢請求指示哪個HTTP標頭將通過提供Access-Control-Expose-Headers使實際的請求時。(不懂。。。。)
Access-Control-Allow-Credentials：允許跨域；（https://www.jianshu.com/p/ea485e5665b3
Access-Control-Allow-Origin：跨域，即 服務端response.header，需要與request.header的orgin相同，否則校驗不同；（https://www.jianshu.com/p/89a377c52b48）
二、解決辦法：通過charles的rewrite方法把response的header的缺少的欄位新增上
1、Tools--Rewrite–Add: 新增新的rewrie配置：
2、新增所有map的介面
3、add rules —resoponse中add header
4、新增另外兩個引數
5、儲存並勾選後，再次進行map檢視，新增並map成
三、備註
1、Rewrite的新增必須勾選；
2、新增rule時，應注意是選擇response，而不是request；
3、charles需要勾選tools-windowsproxy選項