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
}
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[데이터 캡처] HTML 해석아날로그 로그인을 통해 저는 상응하는 웹 페이지 정보를 얻었습니다. 그 다음에 해야 할 일은 html을 해석하고 그 안에서 자신이 필요로 하는 내용을 선별하는 것입니다. 이 절차는 매우 명확하여 데이터를 얻는다. -...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.