1. 程式人生 > 實用技巧 >axios的使用及Charles介面資料模擬

axios的使用及Charles介面資料模擬

一、先安裝: yarn add axios
import axios from ‘axios’;
二、放在生命週期裡:
在這裡插入圖片描述
三、使用Charles進行介面資料模擬:
下載地址:https://www.charlesproxy.com/latest-release/download.do
在這裡插入圖片描述
1、在桌面上建立一個檔案todolist.json(格式不行的話可以用文字檔案),裡面寫json格式資料
當傳送請求的時候可以把桌面模擬檔案的內容返回回來
2、在Charles中設定:
Tools下有一個Map Local…的選項開啟
在這裡插入圖片描述
新增:
只要請求localhost地址就返回桌面上的json檔案

在這裡插入圖片描述
完成後:在這裡插入圖片描述
瀏覽器會彈出成功,這樣就抓取成功了:


在這裡插入圖片描述
在頁面列印res, 列印res.data就可以取出桌面檔案的內容:
在這裡插入圖片描述
在這裡插入圖片描述
頁面顯示:
在這裡插入圖片描述
這樣就完成啦!!!