說到專案中解決跨域的方法，不得不提一下這個工具
** /api 請求在 主機名下。可以這樣配置：
假如我們本地服務在192.168.0.112上，如上配置後，請求192.168.0.112：8080/api就會通過中介軟體請求到www.example.org/api這個介面，從而解決跨域問題，也就可以不用charles了（這個軟體跑起來太浪費記憶體了），但如果想要抓包、打介面斷點、修改介面資料等操作，還是需要強大的charles的。
在通過vue腳手架構建的專案中，webpack-dev-server是已經被加到專案中了，
devserver: ,
],},
hot: true,
contentbase: false, // since we use copywebpackplugin.
compress: true,
host: host || config.dev.host,
// host:ip.address(),
port: port || config.dev.port,
open: config.dev.autoopenbrowser,
overlay: config.dev.erroroverlay
? : false,
publicpath: config.dev.assetspublicpath,
proxy: config.dev.proxytable, //**設定
quiet: true, // necessary for friendlyerrorsplugin
watchoptions:
}
charles是工作中常用的乙個工具，在移動端開發中，它的用途主要是：1.網路訪問**伺服器，使得所有的網路訪問請求都通過它來完成，解決在介面除錯過程中的跨域問題；2.擷取http和https的網路封包
這裡設定的**的埠，設定完後，在手機上新增http**，ip為電腦ip位址
這一步是給電腦安裝證書
然後信任此證書
手機和電腦需在同乙個網段，手機設定http**後，用瀏覽器訪問chls.pro/ssl 安裝證書
然後選擇help-sslproxying->install charles root certificate on a mobile
設定好了，然後設定要抓的https的請求，埠一般就寫*
設定->通用-關於本機-證書信任設定開關開啟
手機上https請求的包就可以抓到了。
Charles的基本功能使用
第一次自己在寫部落格，總結 學習。charles這工具對於ios和android來說已經是盛名在外了，工具很實用，功能也很強大，因為工作需要研究過段時間，感謝那些博主 作者，讓我迅速學會並使用這個牛掰的charles抓包工具。工具好用是好用，但有個蛋疼的地方，非開源，非開源也就算了，還來個試用30分...
在mac中使用Charles抓包操作
proxy 選中 macos proxy proxy 選中 windows proxy 1 先安裝信任證書，在charles選單欄中選擇help ssl proxying install charles root certificate 2 安裝之後需要去鑰匙鏈設定證書全部信任，在鑰匙鏈可以直接右上...
charles前端應用
我們在開發移動端頁面的時候，抓包是必不可少的除錯手段。抓包工具推薦使用charles，介面簡潔 功能強大 配置靈活，走過路過不要錯過。這篇文章總結一下charles的主要功能以及能幫助我們解決的問題。我們可以在tools rewirte開啟視窗，介面如下 圖中分3塊區域 規則，你可以自定義多套規則，...