一、下載axios插件
yarn add axios
二、React的ajax請求代碼如何放置
建議放置在生命周期函數之componentDidMount()中
三、ajax之get請求
axios.get('url') .then(()=>{ // 成功 alert('success'); }) .catch(()=>{ // 失敗 alert('false'); })
解析:get內放置url,then后是請求成功的回調函數,catch是請求失敗的回調函數
四、本地mock(模擬)請求
web開發時,一般都是前后端分離。因而前端開發時常常需要進行模擬請求(即mock)來檢測數據渲染情況。
推薦mock工具: charles。
五、下載安裝charles
網址:https://www.charlesproxy.com/download/
六、寫入模擬數據
新建json文件:app.json(建議將文件放在你的React項目同級目錄)
寫入
["Dell","Odhle","paiobodewu"]
七、打開charles修改端口
1、打開charles
2、點擊菜單欄的tools
3、選擇Map local...
4、新建:
只需要修改
(1)Path修改為你的ajax請求的url地址
(2)Location path修改為你的json文件地址