最近折騰了一下charles，發(fā)現(xiàn)這個(gè)軟件不僅僅可以在前端mock數(shù)據(jù)，還可以解決跨域的問題。
栗子：
后端給的接口地址為：https://stg-pteppp.leanapp.cn/h5/jsconfig
我在前端的代碼如下：

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

如果不使用代理工具，發(fā)現(xiàn)會(huì)報(bào)跨域的錯(cuò)誤。這時(shí)候我們的charles就派上用場啦。

• 配置tools -> Map Remote Settings
  
  e678d25a9fd9c5b1475da2c2d756d0a.png
• 注意Preserve host這個(gè)選項(xiàng)不能打鉤
• 再次訪問瀏覽器，發(fā)現(xiàn)數(shù)據(jù)拿到啦
  
  3b1877e437638f1adc4e930599bd572.png
  
  另附charles的破解工具：https://www.zzzmode.com/mytools/charles/
  macOS: /Applications/Charles.app/Contents/Java/charles.jar
  Windows: C:\Program Files\Charles\lib\charles.jar