Vue Router active le mode historique (allez à #) pour accéder au record de la fosse

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
})

Je suppose que tu aimes

Origine blog.csdn.net/weixin_43529394/article/details/115018179
conseillé
Classement