1、如何去掉vue3中项目访问路径 # 号的问题

我试过了以下代码，也不行，其他方法好像也行不通。

const router = new VueRouter({undefined

mode: 'history',

routes: [...]

})

访问路径
http://localhost:8080/#/

vue 3 项目源代码

import { createRouter, createWebHashHistory } from 'vue-router'
import Home from '../views/Home.vue'

const routes = [
  {
    path: '/',
    name: 'Header',
    component: Home
  },
  {
    path: '/about',
    name: 'About',

    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
  }

]

const router = new createRouter({
    history: createWebHashHistory(),
  routes
})

export default   router

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

const router = createRouter({
  history: createWebHistory(),
  routes: [
    //...
  ],
})

const router = VueRouter.createRouter({
// 内部提供了 history 模式的实现。
history: VueRouter.createWebHashHistory(),
routes, // routes: routes 的缩写
})
这是vue-router@4