인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

kim님의 프로필 이미지
kim

작성한 질문수

Vue.js 끝장내기 - 실무에 필요한 모든 것

API 설정 공통화

url 질문입니다

작성

·

305

1

mode 가 history일 경우는 url에 직접 입력하면 이동이 안되는 것으로 알았는데.. 방금 강의에서 /main으로 바로 가셔서 질문드립니다.

답변 4

1

kim님의 프로필 이미지
kim
질문자

vue 메뉴얼에서 보면은

vue roueter 에서 mode: history : url # 붙여지고 path 만들어지는데 히스토리 모드를 사용하면 URL "정상"으로 보입니다. http://oursite.com/user/id. 멋집니다!

그러나 문제는 다음과 같습니다. 우리의 앱이 적절한 서버 설정이 없는 단일 페이지 클라이언트 앱이기 때문에 사용자가 직접 http://oursite.com/user/id 접속하면 404 오류가 발생합니다.

위와 같이 직접적으로 url을 입력하면 404에러가 발생한다고 해서요.~

0

kim님의 프로필 이미지
kim
질문자

아하 감사합니다 ㅎㅎ

0

아 이건 history 모드를 사용하였을 때 뷰 라우터에서 관리하는 URL의 정보가 웹 서버에 등록되어 있지 않으면 기본적으로 해당 URL에 대한 요청을 서버에서 먼저 인식하므로 오류가 난다는 부분입니다 ㅎㅎ 따라서 아래 문서와 같이 웹 서버 별로 우회 설정이 필요합니다 :)

https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

0

안녕하세요 kim님, 좋은 질문이네요. URL에 값을 직접 입력하는 것과 라우터의 mode와는 연관이 없습니다.. :)

kim님의 프로필 이미지
kim

작성한 질문수

질문하기