[Vue.js] url 뒤에 붙는 #(hashtag) 없애기

브라우저로 볼 때 자꾸 url 뒤에 #이 붙는다.

예를들어 http://127.0.0.1:8080/#/ 이런식으로

vue-router 설정인 src/router/index.js에 한 줄만 추가해주면 된다. (vue cli를 이용하여 webpack 사용)

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,
    },
  ],
});

mode: 'history' 를 주면 뒤에 # 붙는 현상은 없어진다.