>  기사  >  운영 및 유지보수  >  nginx+tomcat의 역방향 프록시 및 동적 분리를 구현하는 방법

nginx+tomcat의 역방향 프록시 및 동적 분리를 구현하는 방법

王林
王林앞으로
2023-06-04 09:25:031412검색

1. nginx 설치 및 정적 리소스에 액세스

nginx를 시작하고 브라우저에 http://localhost/를 입력하면 시작 페이지가 나타납니다.

nginx 아래에 statictest1jscommon 디렉터리를 만들고 추가합니다. jquery.xx.js를 넣었습니다.

ps: static은 정적 파일의 기본 디렉터리를 나타내고, test1은 Tomcat 아래의 프로젝트 이름을 나타내며, 이 컴퓨터는 jquery-1.12.1.min.js

를 사용합니다. nginx.conf 구성 파일을 수정하고 다음 구성을 추가합니다.

#정적으로 시작하는 요청(예: /test1/static/js...

location ^~/test1/static/ {
alias static/test1/; #alias는 location 이후에 구성된 경로를 삭제합니다.) 별칭, 디렉터리 이름 뒤에 /
}

를 추가해야 합니다. nginx를 다시 시작하고 브라우저에 http://localhost/test1/static/js/common/jquery-1.12.1.min.js를 입력하면 성공적으로 액세스할 수 있습니다. .

2. Java 웹 프로젝트 빌드

jdk, tomcat, myeclipse 또는 idea 등을 설치하고 웹 프로젝트를 생성합니다.

test1 시작 페이지를 index.jsp로 설정하고 tomcat에 배포합니다. 포트 번호는 8080

브라우저에 http://localhost:8080/test1/을 입력하면 성공적으로 액세스할 수 있습니다.

3 nginx에 정적 리소스 도입

index.jsp에 nginx의 jquery 파일 도입:

src="http://localhost/test1/static/js/common/jquery-1.12.1.min.js "

동시에 다음과 같이 jquery 테스트 스크립트를 작성합니다.

  <script type="text/javascript">
    //jquery语法,能够成功alert说明jquery引入成功
    $(function() {
    alert("测试动静分离成功!");
    })
   </script>

nginx에서 test1 프로젝트의 역방향 프록시를 구성하고 nginx.conf를 수정한 후 다음 구성을 추가합니다.

#test1 프로젝트 요청--> ; 8080으로의 역방향 프록시, ^~/test1/static/ request
위치 /test1/ {
Proxy_pass http://localhost:8080;
}

4. 역방향 프록시 및 동적 및 정적 분리 테스트

다시 시작 nginx, 톰캣을 다시 시작하세요!

브라우저에 http://localhost/test1/을 입력하면 요청이 nginx에 의해 포트 8080의 tomcat 아래 test1로 전달됩니다.

모든 것이 정상이면 브라우저는 index.jsp의 출력을 반환하고 nginx에서 jquery 파일을 로드한 다음 프롬프트 상자를 표시합니다.

이 기계의 스크린샷:

                                             

위 내용은 nginx+tomcat의 역방향 프록시 및 동적 분리를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 yisu.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제