Bootstrap

Ant Design Pro中的Proxy跨域代理

看官方文档中的例子

Ant Design Pro官网中给的例子

export default {
  proxy: {
    '/api': {
      'target':'http://jsonplaceholder.typicode.com/',
      'changeOrigin': true,
      'pathRewrite': {'^/api':'' },
    },
  },
}
proxy: {

	api表示的是在/api路径下开启代理
    '/api': {
    
  	 //target表示的是要替换的地址
      'target':'http://jsonplaceholder.typicode.com/',
      
      'changeOrigin': true,
      
      //将api开头替换为空
      'pathRewrite': {'^/api':'' },
    },
  },

实际使用

在config文件夹下的config.js
在这里插入图片描述

项目中使用

  proxy: {
    "/ci": {
      "target": "http://47.92.112.6:8055",
      "changeOrigin": true,
      "pathRewrite": { "^/ci": ''}
    }
  }

比如
我在本地访问的是

http://localhost:8000/ci/player/page?current=2&size=10

进入ci路径下会自动开启代理
将http://localhost:8000替换成了http://47.92.112.6:8055
此时我访问的就是

http://47.92.112.6:8055/ci/player/page?current=2&size=10

但是我应该访问的是

http://47.92.112.6:8055/player/page?current=2&size=10

所以这时候要进行路径重写,将ci替换为空就可以成功访问

;