Vue Shangpinhui Mall Project-day07 [53.nginx 리버스 프록시 구성]

53.nginx 리버스 프록시 구성

서버를 구입했고 프로젝트가 dist 파일과 함께 패키징되어 있다고 가정하면 구입한 서버 주소에 액세스하고 프로젝트로 이동할 수 있도록 어떻게 구성할 수 있습니까? 응답은 nginx를 구성해야 점프할 주소를 지정할 수 있습니다.

nginx 구성:

1. xshell은 루트 디렉토리 /etc로 들어갑니다.
2. etc 디렉토리에 들어가면 이 디렉토리 아래에 nginx 디렉토리가 있고 이 디렉토리로 들어가십시오 [nginx가 설치되어 있는 것으로 판단: 설치되지 않은 경우 디렉토리에 4~5개의 파일만 있을 것입니다. 설치된 디렉토리의 파일]
3. nginx를 설치하려면: yum install nginx
4. nginx 서비스를 설치한 후 nginx 디렉터리에 추가 nginx.conf 파일이 있음을 확인하고 이 파일에서 구성합니다.
5. vim nginx 명령을 실행합니다. 편집할 conf, 주로 다음 두 항목을 추가합니다.

解决第一个问题：
location / {
	root /root/jch/www/shangpinhui/dist;
	index index.html;
	try_files $uri $uri /index,html;
}
解决第一个问题：
location / {
	proxy_pass http://39.98.123.211;
}

6. nginx 서버는 다음 명령을 실행하고 실행합니다: service nginx start

내 다른 관련 기사 링크

1. Vue Shangpinhui mall project-day07【44. 개인 센터 보조 라우팅 구축+45. 내 주문+46. 로그인 점프 최적화+47. 독점 가드】 2. Vue Shangpinhui mall project-day07【
vue plugin-48.(이해) 이미지 지연 로딩 플러그인]
3. vue Shangpinhui mall project-day07 [vue plugin-49. (이해) 커스텀 플러그인]
4. vue Shangpinhui mall project-day07 [vue 플러그인- 50. (이해) Form Validation Plugin]
5. Vue Shangpinhui Mall Project-day07【51. Routing lazy loading】
6. Vue Shangpinhui Mall Project-day07【52. Pack 파일, 프로세스 맵 파일】
7. vue Shangpinhui mall project-day07【53.nginx 리버스 프록시 구성】
8. vue Shangpinhui mall project-day07【vue 플러그인-54.(이해) QR코드 생성 플러그인】
9. Vue Shangpinhui mall project- day07 [55. 코딩 테스트 및 패키지 출시 프로젝트]