웹 팩 설정 서버 에이전트

1317 단어 vue
서버 에이전트 역할
해결 크로스 필드:
원리: 서버 를 이용 하여 서버 에 접근 하 는 데 크로스 필드 문제 가 없 는 원리
요청 과정: 프 록 시 (원본) 서버 에 먼저 요청 한 다음 프 록 시 (원본) 서버 에서 외부 서버 를 요청 합 니 다.
/ / proxy 미들웨어 의 선택 항목 proxyTable: {'/ api': {/ / 대상 서버 host target: 'http://10.16.85.138:8080', / / 기본 false, 원본 호스트 헤드 를 대상 URL 로 변경 할 지 여부 change Origin: true, pathRewrite:{/ / / 재 작성 요청, 예 를 들 어 우리 원본 접근 에 포 함 된 / api, 그러면 요청 은 / api 를 / yh / ihr / api '/ api': '/ yh / ihr / api', = / / 재 작성 요청, 예 를 들 어 우리 원본 접근 이 api / old - path 인 경우 요청 은 / api / new - path = = '^ / api / old - path': '/ api / new - path', = / / 동상 = '^ / api / remove / path': '/ path'}, router:{/ / 인터페이스 요청 시 = = '/ api /' = / / 대상 서버 다시 쓰기 'http://10.16.85.138:8080위 하 다http://localhost:8000’== ‘/api/’ : ‘http://localhost:8000'}, = / / proxy 이벤트: 감청 요청 반환 이벤트 = = onProxyRes: proxy. on (' proxyRes', function (proxyRes, req, res) {console. log ('target', JSON. strinify)(proxyRes.headers, true, 2)) }); } }
**
vue 프로젝트 에서 직접 사용 하기
proxyTable: {
      '/info': {
        target: 'http://wangx.jieruiedu.cc',
        changeOrigin: true,
        pathRewrite: {
          '^/info': '/info'
        }
      }
    },

**

좋은 웹페이지 즐겨찾기