Mon bon code
Version de routage: ^ 4.0.0-0
Peut-être que ma version de routage est relativement élevée.
Ensuite, j'ai reconstruit un projet. Quand j'ai construit le projet, j'ai directement vérifié le mode historique. Après l'avoir créé, j'ai découvert qu'il ressemblait à ceci:
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
Notez qu'à la fin, ce n'est pas du mode, mais de l'histoire.
Voici mes dépendances:
"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"
}
Une version est différente de l'autre. Si cela ne fonctionne pas, vous pouvez essayer les deux suivantes
Écrit sur le site officiel
Adresse: https://router.vuejs.org/zh/guide/essentials/history-mode.html Ce qui
suit est écrit sur le site officiel:
const router = new VueRouter({
mode: 'history',
routes
})
Cela n'a pas fonctionné pendant longtemps.
Une autre version
Cette version a changé la première ligne de createWebHashHistory en createWebHistory et a changé le mode du routeur. Je l'ai essayé mais cela n'a pas fonctionné. . . (comme suit)
import {
createRouter, createWebHistory} from 'vue-router'
(略)
const router = new VueRouter({
mode: createWebHistory(),
routes
})