Vue.js 라우터 URL의 해시 값(#)을 없애는 방법

뷰 라우터의 기본 URL 형식은 해시 값(#)을 사용한다.

URL의 #이 거슬린다면 이렇게 하면 된다.

mode: 'history'를 활용하면 된다.

var router = new VueRouter({
    mode: 'history',
    routes
});
 

 

또는

 

router폴더의 index.js에서

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
 
Vue.use(Router)
 
export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})

히스토리 모드를 활용하면 된다.