URL에 "# (해시 기호)"가 붙지 않게하고 싶습니다.

사건



이미지처럼 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: '/' 
         }
      ],
    })
    
    

    좋은 웹페이지 즐겨찾기