在開發過程當中咱們少不了須要些動態數據,除了用mock模擬動態數據,Charles也是不錯的選擇,更方便
- 先在某個地方建立一個.json文件,用來手動寫數據
- 打開工具,點Tools=>而後點 Map Local
- 當前是空的內容=> 點add增長一個配置項
- Protocal=>http當你訪問http協議
- Host=>localhost這個域名下的
- Port=>3000端口下的,(端口隨便定義對的上就行)
- Path=>/api/todolist (路徑本身定義,用的時候同樣就能夠拿到數據)
- Map to Local path => 點Choose 幫助咱們把這個請求,連接到對應的.json文件下
- 點Ok => Enable Map Local的勾打上,所要用的接口前面的勾也要一併打上
- 頁面上 axios.get("/api/todolist") 刷新下就有返回數據了
Charles就是個代理服務器它能抓到中間瀏覽器的請求,若是路徑和配置的同樣,他就返回給你所對應的.json裏的內容
結語
前端react QQ羣:788023830
---- React/Redux - 地下老英雄
前端交流 QQ羣:249620372
---- FRONT-END-JS前端
(咱們的宗旨是,爲了加班,爲了禿頂……,仰望大佬),但願小夥伴們加羣一塊兒學習前端