看官方文档中的例子
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
此时我访问的就是
但是我应该访问的是
所以这时候要进行路径重写，将ci替换为空就可以成功访问
