create-react-app设置多个域跨域

Question

我在package.json中设置了多个域跨域

  "proxy": {
    "/api": {
      "target": "http://***.**.**.**:1000",
      "changeOrigin": true
    },
    "/api/v1": {
      "target": "http://***.**.**.**:81",
      "changeOrigin": true
     }
  },

那我要怎么使用这两个呢，尝试在发起ajax请求的地方这样使用:
接口： http://*...:1000/api/jtb/appointment/agro

axios.post('/api/api/jtb/appointment/agro', { data})
    .then()

这样接口报错了(404)。但是我这样写的又是正确的

axios.post('/api/jtb/appointment/agro', { data})

Answer 1

axios.post('/api/api/jtb/appointment/agro', { data}) // 将会代理到： http://***.**.**.**:1000//api/api/jtb/appointment/agro
    .then()

axios.post('/api/jtb/appointment/agro', { data}) // 将会代理到： http://***.**.**.**:1000/api/jtb/appointment/agro

你看你的两段代码最终请求的url是不一样的。

如果你想用下面的匹配规则，只需要这样：

axios.post('/api/v1/jtb/appointment/agro', { data}) // 将会代理到： http://***.**.**.**:81/api/v1/jtb/appointment/agro

更多请参考： https://github.com/chimurai/h...