Vue Router 开启history模式（去#）踩坑记录

我的正确代码

路由版本：^4.0.0-0
可能我的路由版本比较高，找了半天网上的修改方案，都不对，包括路由官网的都不对。
然后我就重新建了一个项目，在建项目的时候直接勾选使用history模式，新建之后才发现是下边这个样子：

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

注意看最后边，不是mode，是history。

下边是我的依赖：

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

一个版本跟一个不一样吧，不行的可以试试下边这两个

官网写的

地址：https://router.vuejs.org/zh/guide/essentials/history-mode.html
下边这个是官网写的：

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

这个试了半天不行。

另一个版本

这个版本把第一行的createWebHashHistory改成createWebHistory之后，改router的mode，我试了也不行。。。（如下）

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

（略）

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