IT评测·应用市场-qidao123.com技术社区

标题: vue vite自动化路由 无需手动配置 [打印本页]

---

作者: 不到断气不罢休    时间: 2024-7-14 17:27
标题: vue vite自动化路由 无需手动配置
main.js

1. import { createApp } from 'vue';
2. import App from './App.vue';
3. import { createRouter, createWebHistory } from 'vue-router';
5. const views = import.meta.glob('./views/**/index.vue');
7. const routes = Object.keys(views).map((path) => {
8.     const name = path.match(/\.\/views\/(.*)\/index\.vue$/)[1];
9.     return {
10.         path: `/${name}`,
11.         name,
12.         component: views[path],
13.     };
14. });
16. const router = createRouter({
17.     history: createWebHistory(),
18.     routes,
19. });
21. const app = createApp(App);
22. app.use(router);
23. app.mount('#app');

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 IT评测·应用市场-qidao123.com技术社区 (https://dis.qidao123.com/)

Powered by Discuz! X3.4