vue 배포 후 url 직접 접근 안 되는 문제

acctto·2022년 5월 9일

vue.js 로 개발한 후 build 파일을 nginx 서버에 배포를 하였는데, URL 직접 접근이 되지 않았다(404 에러)

왜 그런가 싶었는데, router history mode인 경우 직접 접근이 되지 않는다고 한다.

hash mode 로 변경해주니 접근이 잘 되었다.
이렇게 하면 별도의 서버 설정을 하지 않아서 편하긴 하지만 보기에 좋지는 않다.

history mode 에서 url 직접 접근을 하려면 nginx 같은 경우 다음과 같이 설정을 하면 된다고 나와 있다.

location / {
  try_files $uri $uri/ /index.html;
}

Nice