Nginx

Nginx에서 정적 파일 연결하기

공부 기록장 2024. 11. 22. 20:52

우선 내가 만든 프로젝트의 html 파일을 띄우려면 github에서 파일을 받아와야 한다.

 

프로젝트의 링크 주소를 복사하여 putty에서 아래와 같은 명령을 작성한다.(이 때 주소 붙여넣기는 마우스 우클릭)

 wget https://github.com/DongHun3946/potHole_detectProject_springBoot/archive/refs/heads/master.zip

 

 

 

 

그 후 unzip 명령으로 master.zip 파일을 압축해제한다. (unzip이 설치 안 되어 있으면 sudo apt install unzip) 

 

 

 

 

그리고 압축해제 된 파일에서 원하는 html 파일을 따로 옮겨주면 된다.

sudo cp *.html /usr/share/nginx/html

 

 

 

 

기본적으로 nginx는 /usr/share/nginx/html 디렉터리에서 정적 파일을 제공하는데

 

 

 

 

 

 

나 같은 경우 html 파일들을 옮기고 <ip주소>/<html명> 을 입력해도 아래와 같은 404에러가 발생했다.

 

 

 

그래서 다른 경로의 기본 설정파일을 확인할 결과 ( /etc/nginx/sites-available/default )

 

 

/var/www/html 경로에서 정적파일을 제공한다는 사실을 알게 되었다.

 

 

 

그리하여 다시 파일들을 /var/www/html 경로에 붙여넣기 후 <ip주소>/<html 파일명> 을 입력한 결과

 

 

 

위와 같이 출력된 걸 알 수 있다.