在开发过程中我们少不了需要些动态数据,除了用mock模拟动态数据,Charles也是不错的选择,更方便
- 先在某个地方创建一个.json文件,用来手动写数据
- 打开工具,点Tools=>然后点 Map Local
- 当前是空的内容=> 点add增加一个配置项
- Protocal=>http当你访问http协议
- Host=>localhost这个域名下的
- Port=>3000端口下的,(端口随便定义对的上就行)
- Path=>/api/todolist (路径自己定义,用的时候一样就可以拿到数据)
- Map to Local path => 点Choose 帮助我们把这个请求,链接到对应的.json文件下
- 点Ok => Enable Map Local的勾打上,所要用的接口前面的勾也要一并打上
- 页面上 axios.get("/api/todolist") 刷新下就有返回数据了
Charles就是个代理服务器它能抓到中间浏览器的请求,如果路径和配置的一样,他就返回给你所对应的.json里的内容
结语
前端react QQ群:
788023830
----React/Redux - 地下老英雄
前端交流 QQ群:
249620372
----FRONT-END-JS前端
(我们的宗旨是,为了加班,为了秃顶……,仰望大佬),希望小伙伴们加群一起学习