我先展示一段代码：

/**
 * @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;
}