Nginx 는 전단 엔지니어 의 좋 은 조력자 이다.

Nginx [engine x] 는 러시아의 Igor Sysoev 가 작성 한 강력 한 HTTP 와 역방향 프 록 시 서버 이 며 윈도 버 전도 출시 되 었 다.윈도 버 전 은 selection 모델 을 사용 하여 테스트 만 가능 하 며 생산 환경 에서 사용 하 는 것 을 추천 하지 않 습 니 다.
Nginx 의 강력 한 역방향 대리 능력 으로 인해 전단 엔지니어 의 좋 은 조수 가 되 었 습 니 다. Nginx 가 전단 개발 에 도움 을 주 는 사용 에 대해 이 글 을 볼 수 있 습 니 다. 여기 서 제 사용 에 대해 말씀 드 리 겠 습 니 다.
나의 전단 개발 환경 은 이렇다.

1.                   ，                 。
2.           ，            ，   IP    。
3.      ，            。
4.          ajax     ，               。

분명히 내 가 여기 서 만난 것 은 바로 뛰 어 넘 는 문제 이다.최 외층 역방향 대리 의 존재 로 인해 서브 사이트 와 인 터 페 이 스 는 대외 적 으로 하나의 사이트 로 나타 나 기 때문에 크로스 도 메 인 문제 가 없다.하지만 내 개발 기 에 서 는 크로스 오 버 문제 가 있다.이 를 해결 하기 위해 역방향 대 리 를 도입 하여 저 로 하여 금 기계 의 사이트 와 인 터 페 이 스 를 하나의 사이트 로 표현 하 게 할 수 있 습 니 다. 바로 우리 의 가장 바깥쪽 의 역방향 대리 와 같 습 니 다.
Nginx 에서 이렇게 설정 할 수 있어 요.

server {
  listen  *:5000;
  access_log  logs/mysite_access.log;
  error_log   logs/mysite_error.log;

  #       ，    
  expires 0;
  
  #    gzip，       
  gzip on;
  
  #       
  location / {
    root  "D:/path/to/mysite/html";
    index  index.html index.htm;
  }
  
  #         
  location /static {
    alias "D:/path/to/mysite/static"; 
  } 
  
  #     api           @    
  #     uri   /@api_some_data            
  location /@api_some_data {
    #    ，       uri
    # rewrite /@api_some_data/(.*) /$1  break;
    #            
    proxy_pass http://192.168.1.2:8000;
    proxy_set_header Cookie $http_cookie;
  }
}

js 에 이렇게 쓸 수 있어 요. ajax.

$.ajax({
    url: '/@api_some_data/get_data/',
    type: 'POST',
    cache: false,
    dataType: 'json',
    contentType: 'application/json; charset=utf-8',
    data: JSON.stringify(post_data),
    success: function (response) {
        // handle success
    },
    error: function () {
        // handle error
    }
});

이렇게 해서 Nginx 의 강력 한 역방향 대리 기능 을 통 해 저 는 개발 기 에서 실제 환경 을 쉽게 모 의 하고 즐겁게 개발 하고 디 버 깅 할 수 있 습 니 다.