欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Charles 进行react的本地数据mock

程序员文章站 2022-04-22 14:59:51
...

第一步:新建一个json文件
第二步:下载安装Charles
下载地址:https://www.charlesproxy.com/,选择相应的版本下载并且安装
Charles 进行react的本地数据mock
Charles 进行react的本地数据mock
安装完成后。点击菜单栏的tools,选择Map Local Settingds,然后Add一个设置
Charles 进行react的本地数据mock
Local path指向自己新建的json文件,然后在react里面

axios.get('/api/todolist')
        .then((res) => {
            this.setState(() => ({
                    list:[...res.data]
            }))
        })
        .catch(() => {})

这样react的文件就能够访问到Charles的模拟数据了
如果报错404,则localhost.charlesproxy.com:3000这个链接可以访问到