vue.js

Vue.jsのURLに含まれる#を取り除きたい

Vue.jsで書いたファイルをブラウザで確認するとき、routerで設定したURLにアクセスするが、その際にどうしてもrouterで指定したURLに/#/ がついてしまう。/#/ を含んだURLになってしまい見た目が格好良くない。
これを取り除く方法が公式に書いているが、いつもどこに書けばよいか忘れるので備忘録として書く。

この記事を読む対象の人

  • Vue.js を少しでも触れている人
  • Vue.js のプロジェクトを既に作成した人

解決策

プロジェクト名/src/router/index.js に"mode: 'history'"を以下のように記述する。

export default new Router({
  mode: 'history',
  routes: [
    {
(以下略)

参考URL

公式サイトを参考にしました。公式を参考にした方が早いと思います…。
https://router.vuejs.org/ja/essentials/history-mode.html