vue-routerの、hashモードと、historyモードの役割の違いについて

Question

vue.jsで、アプリケーションを開発中なのですが、vue-routerの、hashモードと、historyモードの役割の違いがイマイチ理解できていません。
現状では、#タグがURLに入ってると、なんとなく気持ち悪いので、historyモードで運用しています。
ケース・バイ・ケースだとは思うのですが、みなさまはどのようなケースで、hashと、historyを使い分けられているのでしょうか？

Answer 1

ドキュメントを読むと正確な違いがわかります。

HTML5 History モード · vue-router
https://router.vuejs.org/ja/essentials/history-mode.html

HTML5の機能であるhistory.pushStateAPIを利用するものがhistoryモードですね。

古いブラウザではhistory.pushStateAPIを利用できないので、そういった環境もサポートしたいという場合にはhashモードを使うのが良いでしょう。そういった事情もなく、サーバー側の設定もできてhistoryモードを動かせているなら、それで何も問題ないです。

Comments

[yassyskywalker]

わかりやすい説明ありがとうございます！
古いブラウザではhistory.pushStateAPIが利用できないのですね。
勉強になりました。ありがとうございました！