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: '/' 
     }
  ],
})