맥에서 라라벨 새 프로젝트를 만들고 npm run watch를 돌렸는데 작동하지 않았다. 커맨드라인에서는 컴파일이 끝나고 브라우저가 떴는데, 브라우저에 사이트가 나오지 않는 것이다. localhost:3000으로 접속하면 안 되고, 본래의 도메인(video.localhost)으로 접속하면 잘 됐다. 프록시 URL이 틀리게 들어간 것도 아니었다.

node_modules을 지운 뒤 다시 설치도 해보고 nodejs 버전업도 해 보는 등 여러 삽질을 해도 안 됐다.

원인은 어이없게도 /etc/hosts 파일에 DNS 설정을 해 주지 않은 데 있었다. 이렇게 추가해 주니 잘 돌아갔다.

# (앞부분 생략)
127.0.0.1	video.localhost

기본을 잊지 말자.

참고

/etc/hosts 파일이 무엇인지 궁금하다면 다음 글을 보자:

👉 /etc/hosts 파일은 무엇인가

로컬 개발용 도메인을 video.localhost으로 사용하는 이유가 궁금하다면 다음 글을 보자:

👉 개발용 로컬 도메인을 저는 localhost로 사용합니다