netlify page not found 오류 해결 방법 - 기초

인강을 듣고 있는데, netlify라는 웹 배포 사이트를 알려줘서 시도해보았다.

아무것도 없는 <p>로 안녕하세요 정도 적어둔 그런 기본 html 파일을 배포하려고 했는데,

폴더를 드래그로 끌어서 배포를 한 이후에 링크를 눌러보니 page not found 오류가 떠서 매우 화가났었다.

 

deploy를 봐도 서버는 잘 돌아간다는데...

폴더의 위치는 바탕화면/로컬폴더1/로컬폴더2(깃허브와 연동되어있음)/로컬폴더3/index.html 이렇게 되어있었다.

내가 끌어다 배포한 폴더는 로컬폴더 3이다.

아무런 파일도 없는데 해당 증상이 일어나니 시작도 하기전에 빠꾸먹은 기분이라 힘드네요.. 40분 가량 찾아보다가 찾지 못했는데, 유튜브로 찾았다.

 

인도인 분께 감사.

 

우선 로컬폴더3(즉, 본인이 netlify에 공유한 폴더)안에 파일을 하나 만든다.

파일명 : netlify.toml 

(toml 에서 l은 아이(i)가 아니라 엘(L)이다. 티오엠엘.

 

파일을 만들었으면 파일을 열어서 다음을 작성한다.

 

[[redirects]]
from = "/*"
to = "/index.html"(배포했을때 표시될 html)
status = 200

 

그리고 저장 후 로컬폴더3을 다시한번 드래그하여 배포한다.(기존의 배포 사이트는 삭제)

 

* 아주 기초적인 배포부분이라 더 잘하시는 분들께는 해당이 안됩니다.

 

참고사이트 - netlify redirect

https://docs.netlify.com/routing/redirects/#syntax-for-the-redirects-file 

Redirects and rewrites