Nginx 는 전단 엔지니어 의 좋 은 조력자 이다.
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 의 강력 한 역방향 대리 기능 을 통 해 저 는 개발 기 에서 실제 환경 을 쉽게 모 의 하고 즐겁게 개발 하고 디 버 깅 할 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
