十五、vben去掉路由的办法

在vben的项目开发中，我们需要把路由上的#去掉，那么应该改哪里呢，现在我们就来讲讲。

1
src/router/index.ts里修改,createWebHashHistory 为 createWebHistory

import { createRouter, createWebHashHistory, createWebHistory } from ‘vue-router’;

// app router
export const router = createRouter({
  history: createWebHistory(import.meta.env.VITE_PUBLIC_PATH),
  routes: basicRoutes as unknown as RouteRecordRaw[],
  strict: true,
  scrollBehavior: () => ({ left: 0, top: 0 }),
});

2
src/router/helper/routeHelper.ts里修改，createWebHashHistory 为 createWebHistory

import { createRouter, createWebHashHistory, createWebHistory } from ‘vue-router’;

// Routing level upgrade
function promoteRouteLevel(routeModule: AppRouteModule) {
  // Use vue-router to splice menus
  let router: Router | null = createRouter({
    routes: [routeModule as unknown as RouteRecordNormalized],
    history: createWebHistory(),
  });


  const routes = router.getRoutes();
  addToChildren(routes, routeModule.children || [], routeModule);
  router = null;


  routeModule.children = routeModule.children?.map((item) => omit(item, 'children'));
}