react 설정 에이전트(proxy)크로스 도 메 인 요청 실현

1.creat-react-app 를 사용 하여 구축 한 프로젝트 에 대해 package.json 에서 직접 설정 할 수 있 습 니 다.구체 적 으로 다음 과 같 습 니 다.
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      }    } }

좋은 웹페이지 즐겨찾기