react 설정 에이전트(proxy)크로스 도 메 인 요청 실현
3668 단어 [React.js 점적 지식】
1
"proxy"
:
"http://api.xxxx.com"
또는 여러 도 메 인 을 만 들 면 proxy 를 어떻게 설정 해 야 서로 다른 도 메 인 에서 API 를 호출 할 수 있 는 수 요 를 만족 시 킬 수 있 습 니까?코드 는 다음 과 같다.
1 2 3 4 5 6 7 8 9 10 11
//package.json
"proxy"
: {
"/api/RoomApi"
: {
"target"
:
"http://open.douyucdn.cn"
,
"changeOrigin"
:
true
},
"/api/v1"
:{
"target"
:
"http://capi.douyucdn.cn"
,
"changeOrigin"
:
true
}
}
둘째,antd-pro 프로젝트 에 대해 서 는 package.json 의 같은 디 렉 터 리 에'roadhogrc 파일'을 추가 하고 구체 적 인 코드 를 추가 해 야 합 니 다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29
{
"entry"
:
"src/index.js"
,
"extraBabelPlugins"
: [
"transform-runtime"
,
"transform-decorators-legacy"
,
"transform-class-properties"
,
[
"import"
, {
"libraryName"
:
"antd"
,
"libraryDirectory"
:
"es"
,
"style"
:
true
}]
],
"env"
: {
"development"
: {
"extraBabelPlugins"
: [
"dva-hmr"
]
}
},
"externals"
: {
"g2"
:
"G2"
,
"g-cloud"
:
"Cloud"
,
"g2-plugin-slider"
:
"G2.Plugin.slider"
},
"ignoreMomentLocale"
:
true
,
"theme"
:
"./src/theme.js"
,
"proxy"
: {
"/api"
: {
"target"
:
"http://api.xxxx.com/"
,
"changeOrigin"
:
true
}
}
}