Charles(自行下載)=>此工具用來模擬接口返回的數據,安裝在本地

在開發過程當中咱們少不了須要些動態數據,除了用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前端

(咱們的宗旨是,爲了加班,爲了禿頂……,仰望大佬),但願小夥伴們加羣一塊兒學習前端

相關文章
相關標籤/搜索