create-react-app脚手架跨域处理

2017-12-11

脚手架版本

$ create-react-app -V
 1.5.2

init 结构

$ create-react-app proxytest
$ cd proxytest
$ yarn start
$ yarn add axios

在package.json中配置proxy

"proxy": {
    "/v2/book": {
      "target": "https://api.douban.com",
      "changeOrigin": true
    },
    "/xx/xx": {
      "target": "https://api.其他服务器.com",
      "changeOrigin": true
    },
}

组件中请求数据

componentDidMount(){
  axios.get('/v2/book/1220512').then((res) => {
    console.log('res：',res)
  })
}

package.json中配置好proxy后，需要停掉webpackServerDev服务ctrl + c。
重新yarn start才能看到请求成功的数据。
MD！因为没重启服务，卡了很久一直看不到效果。