本文參考：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/