웹 팩 에이전트 가 api 를 요청 하여 도 메 인 문 제 를 해결 합 니 다.

936 단어
얼마 전에 react 를 공부 하 는 과정 에서 상황 에 부 딪 혔 습 니 다.테스트 환경 api 를 요청 합 니 다. 도 메 인 을 뛰 어 넘 기 때문에 프로젝트 타임 이 잘못 되 었 습 니 다.
처음에는 nginx 프 록 시 서버 주소 와 webpack 주 소 를 생각 했 는데 잘 모 르 는 이유 (기술 깊이 가 부족 함) 였 습 니 다.이 방법 은 효력 이 발생 하지 못 했다.
이후 웹 팩 은 직접 대 리 를 할 수 있다 는 것 을 알 게 되 었 다.웹 pcak 의 같은 ip 과 포트 에 서버 api 를 프 록 시 합 니 다.
현지 개발 문 제 를 잠시 해결 하 였 다.
devServer: {
    contentBase: './src/',
    historyApiFallback: true,
    hot: true,
    port: defaultSettings.port,
    publicPath: defaultSettings.publicPath,
    noInfo: false,
    proxy: {
      '/api': {
        target: 'http://localhost:8085/',
        pathRewrite: {'^/api' : '/seckill'},
        changeOrigin: true
      }
    }
  },

주로 proxy 내 설정 입 니 다.
배경 api 전체 주소:http://localhost:8085/seckill/time/now 프 록 시 설정 을 통 해 react 에서 요청:http://localhost:8000/api/time/now 위의 인 터 페 이 스 를 요청 하 는 것 이다.(webpack 포트 8000) 메모

좋은 웹페이지 즐겨찾기