您当前的位置: 首页 >  学无止境 >  文章详情

在vite中自动生成路由

时间: 2023-11-13 【学无止境】 阅读量:共71人围观

简介 在写vue3+vite组合的项目中,很多时候我们都需要配置本地路由,如何实现自动生成路由。

路由配置

import { createRouter, createWebHistory} from "vue-router"; const pages = import.meta.glob('../components/**.vue',{ eager: true, import: 'default' }) const routes = Object.entries(pages).map(([path, meta]) => { const conpPath = path path = path.replace('../components', '').replace('.vue', '') return { path: path, component: () => import(conpPath) } }) const router = createRouter({ history: createWebHistory(), routes }) export default router

目录结构如下

alt

文章评论
总共 0 条评论
这篇文章还没有收到评论,赶紧来抢沙发吧~
Copyright (C) 2023- 小祥驿站 保留所有权利 蜀ICP备 17034318号-2  公安备案号 50010302004554