create-react-app2.0设置跨域代理

Question

create-react-app2.0在设置跨域代理的时候和原来的不一样了，这是stackoverflow上关于create-react-app2.0设置跨域代理的问题

我安装这个配置了代理，但是结合axios却怎么也不成功，感觉是axios的axios.defaults.baseURL 有问题
因为在vue中设置代理之后axios.defaults.baseURL设置成代理名称就行，所以我在react中也这样配置，但是好像不行axios.defaults.baseURL = "/api"

Answer 1

1.creat-react-app配置

"proxy": {
    "/api": {
      "target": "http://10.100.23.126", //后端地址
      "changeOrigin": true
    }
  }

2.

axios 配置 
baseURL: `${window.location.origin}/api`,

3.实际使用 this.$http('/user/getList')....

请求的是 http://10.100.23.126/api/user/getList

我的这样都可以啊....

Answer 2

跨域的问题，注意力不要放在http request上。
请关注proxy:
开发时，直接通过webpack或者package.json中配置proxy，webpack server就可以处理。
生产环境中，nginx也可以轻松处理跨域的问题。

Answer 3

提示你设置Access-Control-Allow-Credentials: true