前言
我們在開發的過程肯定是一邊寫代碼，一邊查看自己的代碼寫的是否存在問題，那么問題來了，有兩種情況
情況一：我們可以本地起服務，那么我們就可以在本地檢查自己的代碼，查看運行結果
情況二：本地無法起服務，那么我們怎么辦？難道要改一點就要上預發？
方案
情況二方案：配置移動端代理 | 使用Map local代理本地靜態資源，也就是html、css、js、img還有json
配置網頁代理
詳情見Charles學習（一）之macOS Charles 4.x版本的安裝、激活、使用以及軟件功能了解
Map local代理本地靜態資源
打開Charles -》Tools -》Map Local -》add -》填寫相關信息
着重說一下填寫信息這里：
Map From
Protocol：協議（可以在瀏覽器中找到想要代理的靜態資源的請求或者接口，查看請求或接口路徑，可以知道使用的是什么協議）
Host：域名（同上）
Port：端口（同上，如沒有明確標出就是默認端口80）
Path：代理接口或者靜態資源的路徑（同上）
Query：參數（沒有的話可以不給）
Map To
Local Path：就是我們這個接口的mock數據或者靜態資源本地文件的地址
補充
我們可以在charles中直接找到相應請求，右鍵-> Map Local
此時會發現map from中的信息已經為我們添加好了，所以我們只需要添加map to的信息就ok
案例
結果
此時我們在瀏覽器里操作發起的請求都會被charles抓取到，並且我們更改代碼，也可以在瀏覽器里實時查看。