nginx 한 포트 에 여러 개의 단일 페이지 응용 (history 경로 모드) 을 배치 합 니 다.
nginx 는 한 페이지 의 응용 프로그램 을 배치 하 는 것 이 매우 간단 합 니 다.
location / {
root html;
try_files $uri /index.html index.html;
}
루트 는 웹 서버 디 렉 터 리, tryfiles 는 파일 과 일치 합 니 다. 실제 주소 ($uri) 를 찾 고, 찾 지 못 하면 index. html 파일 을 찾 습 니 다. * * * \ #history 모드 에 서 는 상대 적 인 위치 도입 방식 (. /) * * * 을 사용 할 수 없습니다.
그러나 몇 개의 단일 페이지 애플 리 케 이 션 이 같은 컴퓨터 에 동시에 배치 되 어야 하고 80 이나 443 포트 를 차지 해 야 한다 면 쉽 지 않다.
같은 ip 포트 에 여러 페이지 의 응용 (전단 경로) 을 배치 하 는 방법 2 가 지 를 소개 합 니 다.
server {
listen 80;
server_name aa.gs.com; # aa
localtion / {
root E:/ee; #windows ,E ee aa.gs.com 。
try_files $uri /index.html index.html;
}
}
server {
listen 80;
server_name bb.gs.com; # bb 。
location / {
root /root/bb; # linux /root/bb 。
try_files $uri /index.html index.html;
}
}
https://aa.com/a/xx
와 https://aa.com/b/xx
.a
과 b
를 구분 하여 각각 다른 항목 을 나타 낸다.설치 지점 필요: '/a/'
'/b/'
를 붙 여야 합 니 다.예 를 들 어
(webpack 은 PublicPath: '/ a' 설정) /a/
접 두 사 를 붙 여야 합 니 다. 예 를 들 어 실제 주소 test.com/ss
는 test.com/a/ss
server {
listen 80;
root /root/test; #web ;
location ^~ /a/{
try_files $uri /a/index.html; # , /root/test/a/index.html
}
location ^~ /b/{
try_files $uri /b/index.html; # , /root/test/b/index.html
}
}
다음으로 전송:https://www.cnblogs.com/gsgs/p/11498339.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.