最近折腾了一下charles，发现这个软件不仅仅可以在前端mock数据，还可以解决跨域的问题。
栗子：
后端给的接口地址为：https://stg-pteppp.leanapp.cn/h5/jsconfig
我在前端的代码如下：

1
2
3
4
5
6

componentDidMount () {
    axios.get('/api/h5/jsconfig')
    .then((res) => {
      console.log(res);  
    })
  }

如果不使用代理工具，发现会报跨域的错误。这时候我们的charles就派上用场啦。

• 配置tools -> Map Remote Settings
  
• 注意Preserve host这个选项不能打钩
• 再次访问浏览器，发现数据拿到啦
  
  另附charles的破解工具：https://www.zzzmode.com/mytools/charles/
  macOS: /Applications/Charles.app/Contents/Java/charles.jar
  Windows: C:\Program Files\Charles\lib\charles.jar