Nginx 학습 노트 - 프로젝트 배치

제목: Nginx 학습 노트 - 프로젝트 배치 날짜: 2018 - 08 - 18 태그: [nginx] categories: 운영 지식
nginx 학습 노트 - 프로젝트 배치
프로젝트 가 로 컬 개발 이 끝 난 후에 우 리 는 프로젝트 를 서버 에 배치 해 야 한다.

# nginx  
/data/www

# nginx      
/etc/nginx/nginx.conf

ssh 로 centos 서버 로그 인
관건: ssh 지식
로 컬 에서 scp 를 통 해 압축 된 압축 파일 을 서버 에 업로드 합 니 다.
관건: scp / 압축 / 압축 해제 등 명령
nginx 설정 하기
현재 우 리 는 압축 파일 을 압축 해제 하고 그 안의 내용 을 /data/www 루트 디 렉 터 리 로 옮 겼 습 니 다. 서버 주소 [기본 값 80 포트] 에 직접 접근 하면 html 파일 에 직접 접근 할 수 있 을 것 입 니 다. 이것 은 이미 좋 습 니 다. 우리 의 전단 항목 은 다른 사람 이 방문 할 수 있 지만 또 다른 질문 이 있 습 니 다.

단일 페이지 응용 리 셋 404 오류

어떻게 인 터 페 이 스 를 다른 서비스 로 대리 합 니까

새로 고침 404 문제 해결react-router 와 vue-router 는 우리 가 자주 사용 하 는 전단 경로 라 이브 러 리 입 니 다. url 의 변화 새로 고침 보 기 를 감청 합 니 다. 이 과정 은 전통 적 인 여러 페이지 응용 과 다 르 고 서버 를 거치 지 않 았 습 니 다. 즉, 새로 고침 을 하면 브 라 우 저 는 서버 에 해당 하 는 경 로 를 요청 합 니 다. 그러나 우 리 는 서버 가 이 경 로 를 전혀 처리 하지 않 았 다 는 것 을 알 고 있 습 니 다.즉, 서버 에서 이 경 로 는 파일 이 존재 하지 않 고 다른 곳 으로 대리 되 지 않 아 404 문제 가 발생 했 습 니 다.
해결 방법: 대리 도착 index.html, 전단 경로 로 다시 렌 더 링
실제 설정 은 다음 과 같 습 니 다.

location / {
    try_files $uri /index.html;
    index index.html;
}

이렇게 되면 우리 의 모든 요청 은 index.html 로 직접 위치 하고 js 가 페이지 의 렌 더 링 을 맡 습 니 다.
api 인터페이스 전송
현재 nginx 를 통 해 80 포트 를 감청 하고 전단 프로젝트 를 배치 하고 있 습 니 다.
서버 3000 포트 에서 api 서 비 스 를 시 작 했 습 니 다. 전단 프로젝트 에서 /api/personalized 형식 으로 요청 을 했 습 니 다. 우 리 는 이러한 방식 이 기본적으로 요청 http//your-server/api/personalized 이라는 것 을 알 고 있 습 니 다. 분명 합 니 다. 80 포트 에 이 서비스 가 없습니다. 우 리 는 80 포트 에서 /api/ 로 시작 하 는 요청 을 감청 하여 서버 본기의 3000 포트, 즉 /api/personalized 로 옮 겨 야 합 니 다.실제 요청 한 주 소 는 http:your-server:3000/personalized 입 니 다. /api/ 접 두 사 를 추가 하여 인 터 페 이 스 를 구분 하기 때문에 전송 할 때 이 접 두 사 를 제거 해 야 합 니 다.
실제 설정 은 다음 과 같 습 니 다.

location /api/ {
    rewrite ^/api/(.*)$ /$1 break;
    proxy_pass   http://localhost:3000;
}