美文网首页
Charles工具简单使用

Charles工具简单使用

作者: nimw | 来源:发表于2019-03-07 22:54 被阅读0次

一. 使用Charles实现mock数据

  1. 桌面创建todolist.json文件
➜  ~ cd Desktop
➜  Desktop touch todolist.json
  1. 编辑todolist.json文件
    ["Dell", "Lee", "Imooc"]
  2. 打开Charles代理
    Charles - Proxy - macOS Proxy
  3. 配置Charles本地代理
    Charles - Tools - Map Local Settings - add
    ② 添加请求代理映射
    image.png
  4. 使用axios请求mock数据
    ① 安装axois
➜  my-react-app git:(master) ✗ yarn add axios 

注释:也可以使用npm install axios --save安装。
② 使用axios请求数据

import axios from 'axios'
//省略...
axios.get('/api/todolist')
  .then(data => {
    console.log(data)
  })
  .catch(err => {
    console.log(err)
  }) 

相关文章

网友评论

      本文标题:Charles工具简单使用

      本文链接:https://www.haomeiwen.com/subject/ntmkpqtx.html