좋 은 API Mock 서 비 스 를 구축 합 니 다.

888 단어 node.jskoa자바 script
이전 글 은 Node 로 API 서 비 스 를 어떻게 실현 하 는 지 설명 했다.
지금부터 어떻게 만 드 는 지 이야기 하 겠 습 니 다 API Mock 달성 한 효과:
개발 환경 에서 url 뒤에 ?ismock=1 파 라 메 터 를 추가 하여 데이터 mock 을 실현 할 수 있 습 니 다. (이 매개 변수 가 없 으 면 정상 데이터 에 접근 할 수 있 습 니 다) 테스트 환경 과 생산 환경 에 어떠한 영향 도 주지 않 습 니 다.
실현 절차:
  • 웹 팩 을 통 해 대 리 를 설정 합 니 다.
        //webpack.config.js

    proxy: {
        '/mock': {
            target: 'mock',
            changeOrigin:true,
            pathRewrite: {
                '^/mock': ''
            }
        }
    }
  • 차단 요청 (예 를 들 어 Axios 자체 테이프 의 차단기)
  • url 매개 변수 판단 (예 를 들 어 ?ismock=1
  • 현재 환경 판단 (예 를 들 어 process.env.NODE_ENV == 'development'
  • 첨가 baseUrl = /mock
  • 웹 팩 의 압축 처리 에서 접근 할 수 없 는 코드 를 삭제 합 니 다 (웹 팩 설정 표 참조)
    • 원본 주소
    CSS_transition, opacity, overflow
    프로그래머스 | 신고 결과 받기 | 2022 카카오 블라인드 | Javascript

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage