Vue RouterでURLに#(ハッシュ)が付いてしまう

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'Index',
      component: Index
    }
  ]
})

こんな感じで
routerの設定をしているファイルで

mode:'history'

を追加してあげると解決する。

ただしサーバーの設定次第では、ユーザーがブラウザで直接 http://example.com/user/id（例）などにアクセスするとエラーになる場合がある。

この場合、catch-all フォールバックのためのルートをサーバー側で追加して対処出来る。

公式document参照 router.vuejs.org

Imomemo