☰

Vue.js - URL からハッシュバン #! を削除するにはどうすればいいですか? 質問する

tag-icon • tag-icon vue.js vue-router
Vue.js - URL からハッシュバン #! を削除するにはどうすればいいですか? 質問する

#!URL からハッシュバングを削除するにはどうすればいいですか?

vueルーターのドキュメントでhashbangを無効にするオプションを見つけました（vue.js のルートディレクトリは http://vue.js.github.io/vue-router/en/options.html です。）が、このオプションは削除さ#!れ、#

クリーンな URL を取得する方法はありますか?

例：

ない：#!/home

しかし：/home

ありがとう！

ベストアンサー1

Vue 3では、オプションcreateWebHistoryに を使用しますhistory。

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  // ...
})

Vue 2では、modeに設定します'history'。

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

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

おすすめ記事