ssr 기다 릴 필요 없 이 전단 을 백 엔 드 에 독립 시 켜 개발 합 니 다.

ssr
디 렉 터 리 를 정적 서버 로 설정 합 니 다.백 엔 드 API 가 작성 되 지 않 았 을 때 프론트 엔 드 에서 디 버 깅 을 할 수 없 기 때문에 프론트 엔 드 가 백 엔 드 에 의 해 차단 되 는 상황 을 만 났 을 것 입 니 다.한편, ssr 는 Mock Server 를 구축 하여 가짜 데 이 터 를 구축 한 다음 에 이 가짜 데 이 터 를 JSON 파일 에 저장 하 는 것 과 같 습 니 다. Mock Server 는 요청 에 응답 하거나 페이지 를 생 성 할 수 있 습 니 다. 물론 API 문 서 를 생 성 할 수도 있 습 니 다.
  • 도 메 인 접근 강제 (AJAX 요청 오류 없 음)
  • 여러 서비스 시작, 자동 해결
  • 지정 한 포트 번호 설정
  • 전역 설치
    npm install -g ssr 

    명령 하여 돕다.
    Usage: ssr [options]
    
    Options:
      --help, -h         Show help                                        
      --version, -V, -v  Show version number                              
      --port, -p         Set the port!
      --cors, -c         allows cross origin access serving
      --proxy            Local data mock                         [string]
    
      copyright 2015

    명령 사용 ssr
    $ ssr           #       1987       :=> http://localhost:1987
    $ ssr -p 2015   #      2015       :=> http://localhost:2015
    $ ssr -cp 2015   #     2015           

    메모: 기본적으로 포트 를 전달 하지 않 습 니 다. 여러 서 비 스 를 시작 하면 포트 충돌 이 발생 하지 않 으 니 마음껏 놀 세 요.
    사용 방법
  • 두 개의 디 렉 터 리 파일 dir1dir2
  • 이 두 디 렉 터 리 에 각각 들 어가 서 사용 ssr 부터 서비스
  • dir1 운행 ssr -cp 1987 일어나 면 http://localhost:1987, dir2 운행 ssr -cp 2015 일어나 면 주소 http://localhost:2015
  • 로 컬 데이터 mock
    방법 1
  • dir1 에 파일 file 을 저장 하 는 것 은 JSON 데이터 형식
  • 입 니 다.
  • dir2index.html 접근 jQuery 파일 을 되 돌려 주거 나 file 파일 에 입력 한 내용
  • 을 저장 합 니 다.
    방법 2
    proxy. config. js 설정 방법:
    
    module.exports = {
        // Mock     
        'GET /users': [{name:'kenny wang'}, {name:'JSLite doc'}],
        'GET /users/1': {name:'JSLite api'},
        'POST /users':{name:'JSLite'},
        'POST /users/2':"22323sd",
        'POST /users':function(data,url){
            // data       
            // url   
            //   
            // - form-data
            // - x-www-form-urlencoded
            // - raw
            if(data.name === 'jslite'){
                return {name:'  121221'}
            }else{
                return {name:'yyy'}
            }
        }
    };
    

    사용 방법
    $ ssr --proxy example/proxy.config.js -p 19992

    현재 디 렉 터 리 설치
    npm install ssr

    nodejs 에서 사용 되 었 습 니 다. 이것 은 idoc 문서 생 성 도구 에서 사용 되 었 습 니 다.
    var ssr = require('ssr');
        ssr(1998);

    좋은 웹페이지 즐겨찾기