vite怎么自动生成路由？

  • Z时代
  • 2024-03-06
  • 分类：IT

新建一个vue文件就自动创建向对应文件名的路由

回答：

根据你项目进行更改后使用

const pages = import.meta.glob('../views/**/page.js', {
  eager: true,
  import: 'default'
})
const comps = import.meta.glob('../views/**/index.vue')
const routes = Object.entries(pages).map(([path, meta]) => {
  const compPath = path.replace('page.js', 'index.vue')
  path = path.replace('../views', '').replace('/page.js', "" || '/')
  const name = path.split('/').filter(Boolean).join('-') || 'index'
  return {
    path,
    name,
    component: comps[compPath],
    meta
  }
})
export const router = createRouter({
  history: createHashRouter(),
  routes
})

回答：

vite不会自动生成路由，nuxt可以根据pages里面的文件自动生成路由，可以试试nuxt

回答：

这个功能跟 Vite 无关。Vite 是脚手架工具，你得先理解每个工具的定位，再去寻求对应的用法。

以上是 vite怎么自动生成路由？ 的全部内容， 来源链接： utcz.com/p/935237.html

回到顶部