本文參考：charles 映射到本地檔案/檔案夾
本地映射/Map Local Settings
功能：把需要請求網絡的檔案映射為請求本地檔案
本地映射工具
本地映射工具使您能夠使用本地檔案，就好比他是你通路的目标網站一部分一樣,流程是，用戶端擷取資源檔案的時候，可以向伺服器正常發起資源請求，但在charles就已經被截斷了，并且把目前的資源請求重定向到你設定的備注；
假設你需要用到 https://zhubangbang.com/ssl/blog/img/logo.png 這個檔案；
用戶端會正常的向伺服器發起請求，但charles把這個資截斷，
并傳回了 C:\Users\Administrator\Desktop\charles_app\ssl\blog\img\logo.png這個檔案給用戶端；
這樣你實際看到的是C槽下面這些的檔案，并不是真正的檔案；
根據這個原理，您可以在本地開發您的檔案，然後重新整理浏覽器即可看到效果，本地檔案的内容将傳回給用戶端，就像它是正常的遠端響應一樣。
（如果不清楚原理可以看下charles使用方法中的實作原理介紹）
本地映射可以大大加快開發和測試的效率，否則您将不得不将檔案上傳到網站來測試結果。使用Map Local，您可以在開發環境中安全地測試。
如下圖，我把自己部落格的2張圖檔映射到本地的；
本地映射後，友善線上調試，我此時可以在本機上随便修改（不借助測試機），但是并不影響真正的使用者去使用；
如果您是個人開發者，類似我這樣本機寫好後，直接釋出到線上的，那麼推薦你可以試試這種開發，避免了頻繁釋出和修改的繁瑣事；等修改滿意後，直接發到線上，和你測試的時候一樣的效果，不會影響别的使用者，雖然也沒有幾個人來看 – -、；
動态檔案
動态檔案（如包含伺服器端腳本的檔案）不會由Map Local執行，是以如果檔案中有任何腳本将腳本傳回到浏覽器（可能不是預期的結果）。
如果您希望使用動态檔案，就像它們是遠端網站的一部分一樣，請參閱“遠端映射”工具。
怎麼實作的
當請求與Map Local映射比對時，它會檢查與該路徑比對的本地檔案。它不包括查詢字元串，如果有一個。如果所請求的檔案在本地找到，則作為響應傳回，就像從遠端站點加載一樣，是以對用戶端是有欺騙性的。如果請求的檔案在本地找不到，你也不用擔心，請求會像平常一樣由網站提供,傳回給你真正的伺服器資料
例子
如果您正在更改測試css，swf或圖檔 JS，您可以将這些檔案類型映射到本地網站的開發副本，以便您可以浏覽具有所有開發資産的實時網站。建立從live.com/*.css到本地開發副本的根的映射，以及其他檔案類型的類似映射。或者，您可以根據需要映射整個目錄或單個檔案。
上面圖檔，我是把 x.xxx.com 全部映射到某個檔案夾下的；*是通配符，表示這個域名下的所有資源；
位置比對
每個位置比對可能包含協定，主機，端口和路徑模式，以比對特定的URL。位置可能包括通配符。
本地映射
本地映射包含一個位置比對和本地目錄，從該目錄嘗試提供比對。
使用相對路徑在本地目錄中搜尋檔案。
相對路徑是比對路徑部分之後剩下的請求位置的一部分;
本地映射可以區分大小寫;本文章參考了：https://www.axihe.com/tools/charles/charles/tutorial.html