最近調試微信公眾號，由於微信授權需要線上正式環境的域名，筆者想把手機公眾號網頁重定向到PC本地localhost調試。
該方法通過Charles代理轉發，適用所有需要域名重定向的場景，例如手機通過在線域名查看pc本地項目，微信開發者工具調試公眾號等。
先開啟本地服務，如果是vue項目，直接運行 npm start 就好了。
打開Charles（下載地址），點擊 Tools > Map Remote，在彈出窗里點擊add添加一條重定向規則，如下圖：
from是你要重定向的域名（生產環境域名/外網域名），to就是你本地的項目地址（http://localhost:8080）。
from域名結尾需要加上 /* 匹配。
記得勾上Enable，點擊OK保存。
打開PC網絡看看你的局域網IP是多少：
之后打開手機，連上WiFi，確保手機跟PC是在同一個局域網內。
然后設置代理為手動，主機名填入PC的IP地址，端口8888，點擊連接。
連接成功后，在手機端微信或者瀏覽器打開你要重定向的地址（生產環境域名/外網域名），這時候 Charles 會彈出一個提示框，點allow確定：
好了，這時候手機上打開的網頁就是你的localhost了。