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就可以取出桌面文件的内容：


页面显示：

这样就完成啦！！！