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就可以取出桌面文件的内容:
在这里插入图片描述
在这里插入图片描述
页面显示:
在这里插入图片描述
这样就完成啦!!!

发布了19 篇原创文章 · 获赞 12 · 访问量 3815

猜你喜欢

转载自blog.csdn.net/jiang480630/article/details/91797688