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

해쉬를 없애기 위해서 다음과 같이 작성하였습니다.

var router = new VueRouter({
            mode: 'history',
            // 페이지의 라우팅 정보
            routes: [
                // 페이지의 개수만큼 객체 개수가 필요하다.
                {
                    // 페이지의 url
                    path: '/login',
                    // 해당 url 에서 표시될 컴포넌트
                    component: LoginComponent
                },
                {
                    path: '/main',
                    component: MainComponent
                }
            ]
        });

그런데 링크가 .../original/path/to/login, .../original/path/to/main 이 되는 것이 아니라 /login, /main 으로 변해버립니다.

(앞의 기존 path 가 사라져서 router.html 파일이 아닌 login, main 이라는 존재하지 않는 파일에 접근하게 됩니다.)

따로 서버를 띄운 것은 없고 크롬 브라우저에서 실행하였습니다.

무슨 실수를 한 것일까요? ㅠㅠ