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 중국어 웹사이트의 기타 관련 기사를 참조하세요!