1. ホーム
  2. vue.js

[解決済み】Vue.js - urlからハッシュバン#!を削除するには?

2022-03-26 15:47:56

質問

ハッシュバングを除去する方法 #! をURLから削除してください。

vueのルータのドキュメントにハッシュバンを無効にするオプションがありました( http://vuejs.github.io/vue-router/en/options.html を削除してしまいますが、このオプションは #! を置き、単に #

きれいなurlにする方法はないでしょうか?

NOT #!/home

BUT /home

ありがとうございます。

解決方法は?

を設定するだけです。 mode から 'history' .

const router = new VueRouter({
  mode: 'history'
})

ただし、サーバーがこれらのリンクを処理できるように設定されていることを確認してください。 https://router.vuejs.org/guide/essentials/history-mode.html