codebuddy 自动生成路由配置需明确框架类型、版本及路由结构:首步声明技术栈如“vue 3 + vue router 4”,次步说明嵌套、守卫、参数等需求,再逐条列出路径与组件映射,最后指定重定向、懒加载或布局复用等特殊行为。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

让CodeBuddy自动完成路由配置,需提供明确的框架类型、路由结构需求和页面路径映射关系,否则它无法判断该生成 Vue Router 的 routes 数组还是 React Router 的 element 嵌套树。
明确框架与版本信息
第一步:在提示词开头直接声明技术栈,例如“使用 Vue 3 + Vue Router 4”或“基于 React 18 + React Router v6.22”。【不写清框架和主版本号,CodeBuddy 默认按最旧稳定版生成,可能输出 Vue Router 3 的 router.map 写法】
第二步:说明是否启用嵌套路由、是否需要守卫、是否带参数路径。比如:“首页 / 对应 HomePage,/user/:id 对应 UserProfile,且 /user 下所有子路由需校验登录状态。”
描述页面层级与路径对应关系
用自然语言逐条列出路径与组件的映射,避免缩写或代称。正确写法:“/ → HomeView.vue;/about → AboutPage.vue;/admin/users → AdminUserList.vue,该页面需加载时发起 API 请求获取用户列表”。
错误写法:“主页跳转到 A 页面,设置页是 B”。CodeBuddy 不会猜测 A/B 指代什么文件。
指定特殊行为要求
方法一:重定向规则
写明“访问 /dashboard 时重定向到 /dashboard/overview”,CodeBuddy 会生成 { path: '/dashboard', redirect: '/dashboard/overview' }。
方法二:路由懒加载
加上“所有页面组件都用异步 import() 加载”,它会在每个 route 的 component 字段生成 () => import('@/views/xxx.vue')。
方法三:布局复用
说明“/admin 下所有路由共用 AdminLayout 组件”,它会自动将这些路由设为 children,并在外层 route 的 component 中指定布局组件路径。











