私の正しいコード
ルーティングバージョン:^ 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
})