[NGINX] 3-1. Configuration-Virtual Host 띄우기

cf. vs_code로 ec2 ssh연결하기

https://medium.com/@christyjacob4/using-vscode-remotely-on-an-ec2-instance-7822c4032cff

Using VSCode remotely on an EC2 instance

1. configuration 용어 이해하기

(1) 중요한 Context
    http context
    server context: virtual host를 정의
    location context: request에 담긴 url을 부모 server context에 match함
(2) Directive
    

2. static files을 serve 하는 basic virtual host 만들기

virtual host란?

https://opentutorials.org/module/384/4529

가상 호스트 - server 블록 - NGINX

(1) local 파일 ec2로 전송하기 (참고: https://not-to-be-reset.tistory.com/4)

(2) /sites/demo/에 압축풀고 파일 확인

(3) nginx.conf 파일을 수정하여 demosite 렌더링하기

(4) nginx reload 하기

 

restart 사용시 stop 후 start를 하기 때문에 오류가 있으면 서버가 꺼진상태가 되어버린다. 이를 막기위해 reload를 사용한다.

1. 먼저 nginx -t를 이용하여 직접 verify를 확인할 수 있다

2. 그럼에도 이렇게 오류가 날 수 있기 때문에 restart 대신 reload를 사용하여야 한다

3. reload 경로가 sbin으로 잘못 설정되어 있음을 알 수 있다.

4. /lib/systemd/system/nginx.service 파일을 이렇게 고쳐주고

5. 다시 reload를 한다

6. 렌더링에 성공했다! 그러나 css가 적용되지 않아 못 생겼다.

(5) css 적용되지 않는 문제 해결하기

1. 개발자 도구로 확인해보면 css를 잘 불러오고 있는데 무엇이 문제일까?

2. Content-Type이 text/css가 아니라 text/plain으로 나오고 있다

3. 이렇게 types context를 이용하는 방법도 있지만 이것보다는,

4. mime.types 파일을 이용하는 것이 좋다.

5. include를 사용한다

6. 다시확인해보면 text/css로 잘 뜨고

7. 정상적으로 렌더링 된다