시놀로지) nginx로 정적페이지만 제공(vue프로젝트 프론트 서버)

1. nginx 설치

 

2. 설정시 vm과 실제 디렉토리와 매핑시키기

3. conf 파일 설정

txt 파일로 먼저 작업 -> 확장자를 conf로 변경 ->  filezilla로 보낸다

 

server {
    listen 3000;
    ## server_name 뒤에 세미콜론 잊으면 안됨
    server_name localhost;

    location / {
	#html 이라는 건 /etc/nginx/html 경로라는 뜻
	root html; 

	#/etc/nginx/html 경로에서 index.html를 리턴시킨다는 의미
	index index.html; 
    }


}

 

4. 파일질라로 접속해 디렉토리 생성하고 conf 파일 넣어주기

 

본인이 매핑한 디렉토리에 맞춰서 넣으면 된다.

 

글쓴이 기준으로는 

minimini-nginx: conf 파일 들어감

nginx-html: vue build한 파일 들어감(index.html)

 

 

---

한시간정도 헤매었는데 에러 log 덕분에 해결할 수 있었다.

 

conf파일 수정하며

nginx자체가 켜졌다가 바로 꺼지는 현상이 계속 되었다.

 

초반에 conf파일은 아래와 같았다.

server {
    listen 3000;
    ## server_name 뒤에 세미콜론 잊으면 안됨
    server_name localhost;

    location / {
	#html 이라는 건 /etc/nginx/html 경로라는 뜻
	root html; 

	#/etc/nginx/html 경로에서 index.html를 리턴시킨다는 의미
	index /static/index.html; 
    }


}

 

에러로그를 보며

기본 root 경로가

"etc/nginx" 라는 사실을 알았고

 

root 설정값이 디렉토리라는 걸 알았다. 

 

그 뒤로 디렉토리 매핑을

맞춰서 오류를 해결할 수 있었다. 

 

본인과 같은 환경에 있으신 분들에게 도움되었으면 좋겠습니다. 

 

---

라우터 하나에 시놀로지가 물려있다면 

라우터에 포트포워딩 잊지마세요!