사건

이미지처럼 URL에 『#(해시 기호)』가 붙어 버린다.

환경

Rails: 5.2.3

vue: 3.10.0

vue-router: 3.1.3"

보충

VueRouter 생성시 mode: 'history'를 지정하는 방법이나 아래 기사의 방법이 자신의 환경에서는 작동하지 않았다.
Laravel + vue-router로 해시 기호 (샤프 기호)를 없애고 제대로 움직이게하는 방법

해결책

아래와 같이 VueRouter 생성시 mode와 hash와 routes의 끝에 path 리디렉션을 추가한다.

export default new VueRouter({
   mode: 'history',
   hash: false,
  routes: [
    {
      path: '/hoge',
      name: 'hoge',
      component: Hoge
    },
    （中略）
     { 
       path: '*', 
       redirect: '/' 
     }
  ],
})