React框架（九）使用Charles模拟前后端数据交互

安装

官网安装：免费试用版

使用

1. 面板长这样，依次点击Tools-Map Local Settings-Add
   
2. 在编辑窗口中，依次输入，注意Host一栏要使用localhost.charlesproxy.com，Path一栏要与React请求中的url一致，Local path一栏是需要返回到网页端的本地数据，可以自己编辑模拟数据。
   
   前端代码如下：

    componentDidMount() {
        axios.get('/api/todolist').then(()=>{
            alert('succeed');
        }).catch(()=>{
            alert('error');
        })
    }

3. 在浏览器中，请求地址也应改变
   
   这样即可成功mock！