Vueルーターは履歴モード(#に移動)がピットレコードを踏むことを可能にします

私の正しいコード

ルーティングバージョン:^ 4.0.0-0
おそらく私のルーティングバージョンは比較的高いです。長いオンライン変更計画を探した後、公式のルーティングWebサイトを含めてすべて間違っています。
次に、プロジェクトを再構築しました。プロジェクトを構築するときに、履歴モードを直接確認しました。作成した後、次のようになっていることがわかりました。

import {
    
    createRouter, createWebHistory} from 'vue-router'
import Home from '../components/home.vue'
import Index from '../components/Logged/index.vue'
import Login from '../components/login.vue'

const routes = [(略)]

const router = createRouter({
    
    
    history: createWebHistory(process.env.BASE_URL),
    routes
})

export default router

最後に、それはモードではなく、履歴であることに注意してください。

これが私の依存関係です:

"dependencies": {
    
    
    "core-js": "^3.6.5",
    "element-plus": "^1.0.2-beta.35",
    "element-ui": "^2.15.1",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-0",
    "vuex": "^3.6.2"
  }

1つのバージョンが他のバージョンと異なります。機能しない場合は、次の2つを試すことができます。

公式サイトに掲載

住所:https//router.vuejs.org/zh/guide/essentials/history-mode.html
公式ウェブサイトには次のように書かれています。

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

これは長い間機能しませんでした。

別のバージョン

このバージョンでは、createWebHashHistoryの最初の行がcreateWebHistoryに変更され、ルーターのモードが変更されました。試してみましたが、機能しませんでした。(次のように)

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

(略)

const router = new VueRouter({
    
    
  mode: createWebHistory(),
  routes
})

おすすめ

転載: blog.csdn.net/weixin_43529394/article/details/115018179