Create-react-app2.0 sets cross-domain proxy

create-react-app2.0 is different from the original when setting cross-domain proxy. This is a problem about setting cross-domain proxy on stackoverflow on create-react-app2.0

I installed this and configured the agent, but the combination of axios was not successful. I felt that there was a problem axios.defaults.baseURL of axios
because axios.defaults.baseURL was set to the agent name after setting the agent in vue, so I also configured it in react, but it didn"t seem to work axios.defaults.baseURL = "/ api"

React.js axios javascript create-react-app

Nov.22,2021

1. creat-react-app configure

"proxy": {
    "/api": {
      "target": "http://10.100.23.126", //
      "changeOrigin": true
    }
  }

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

3. Actually use this.$http ('/ user/getList').

 http://10.100.23.126/api/user/getList

this is fine with mine.

For

cross-domain issues, don't focus on http request .
Please follow proxy :
when developing, you can deal with it directly by configuring proxy and webpack server in webpack or package.json . nginx can also easily handle cross-domain problems in
production environments.

prompts you to set Access-Control-Allow-Credentials: true

Previous: WeChat Mini Programs's block v-if sentence

Next: Does loadsh have a way to convert an array to an object?