react中使用mock.js模拟接口数据

原本从接口获取到数据的流程(完整例子在笔记“redux进阶(1)”中) 在组件中创建一个生命周期函数componentDidMount()。引用 axios 模块,在componentDidMount函数中借助 axios 模块发送ajax请求,使用axios.get("接口路径")来获取某个接口路径下的数据,请求成功后执行then()的回调函数(接收一个参数res表示接收到的数据),请求失败后执行catch()的回调函数 桌面创建list.json文件,并在其中放入一个数组 使用接口地址在**Charles中模拟接口数据,使得发送请求到接口路径时调用我们桌面的list.json文件【使用Charles抓取localhost包需要注意更换url:需要使用http://localhost.charlesproxy.com:3000/访问**】 then()的回调函数中打印出的res中的内容,可得到 res中的data是我们需要的数组,那么我们可以在ajax请求成功时通过then()获取data数据

阅读全文