看官方文档中的例子
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替换为空就可以成功访问