vue2和vue3去掉URL中#的方式

vue2去/#的方式

在路由配置文件中增加mode："history"

 

export default new Router({
  mode: 'history',
  routes: [
    {
      xxxxxx
    }
  ]
})

 

vue3去/#的方式

原来的路由配置文件

 

import { createRouter, createWebhashHistory } from "vue-router"
const routes = [
    xxxxxxx
]
const router = createRouter({
    history: createWebhashHistory(),
    routes: routes
})

export default router

 

将原来的createWebhashHistory,统一改为createWebHistory就好了

 

 

import { createRouter, createWebHistory } from "vue-router"
const routes = [
    xxxxxxx
]
const router = createRouter({
    history: createWebHistory(),
    routes: routes
})

export default router