[Vue.js] url에 붙은 # 제거

• VueRouter을 이용한 페이지 이동방법에서 아래와 같이 url에 #이 붙은것을 확인할 수 있음

• #을 빼면 더 깔끔할 것 같아서 # 제거 방법을 적어봄

# 제거 방법

• 다음과 같이 main.js에서 router 생성하는 부분에 mode: 'history'를 추가해 주면 됨

const router = new VueRouter({
  mode: 'history',      // 추가된 부분
  routes
});

결과

• 다음과 같이 url에 #이 없어진 것을 확인할 수 있음