我先展示一段代码：

/*** @function 根据pages路径动态生成路由* @param {Array} 基础路由*/
export default function (routes) {const modules = import.meta.glob("../pages/**/page.js", { eager: true, import: "default" });const newRoutes = Object.entries(modules).map(([path, meta]) => {const pageJsPath = path;const compPage = pageJsPath.replace("page.js", "index.vue");path = path.replace("../pages", "").replace("/page.js", "") || "/";const name = path.replaceAll("/", "-").slice(1);return {path,name,component: () => import(/* @vite-ignore */compPage),meta};});const index = routes.findIndex(route => route.path === "/");routes[index].children = newRoutes;return routes;
}

看一下没有什么问题，路径也都正常。嗯~一切都非常合理，然后打包，打完包启动项目以看，我嘞个豆，路由重定向到开发环境时候的路径了。然后我就去vite官网上查看glob。

 

也就是我特么的用了 ../ 可能就是他导致的问题，修改后问题解决了！！！！！

/*** @function 根据pages路径动态生成路由* @param {Array} 基础路由*/
export default function (routes) {const modules = import.meta.glob("/src/pages/**/page.js", { eager: true, import: "default" });const newRoutes = Object.entries(modules).map(([path, meta]) => {const pageJsPath = path;const compPage = pageJsPath.replace("page.js", "index.vue");path = path.replace("/src/pages", "").replace("/page.js", "") || "/";const name = path.replaceAll("/", "-").slice(1);return {path,name,component: () => import(/* @vite-ignore */compPage),meta};});const index = routes.findIndex(route => route.path === "/");routes[index].children = newRoutes;return routes;
}