在Cursor中快速完成Vue项目路由配置需：①创建src/router/index.js并用createRouter()初始化；②安装vue-router@4并引入createRouter和createWebHistory；③定义含path和component的routes数组，支持懒加载；④嵌套路由children中path不加/；⑤在main.js中import router并app.use(router)挂载。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
在Cursor中快速完成Vue项目的路由配置，避免手动创建router/index.js、反复检查路径拼写错误、忘记导出default实例等问题。
初始化路由文件结构
在项目根目录的src目录下新建router文件夹，再在其中创建index.js文件。
这一步不能跳过——【Vue Router 4要求必须通过createRouter()函数创建路由实例】，直接写export default {routes: [...]}会报错。
安装并引入Vue Router依赖
在终端中执行：npm install vue-router@4 → 等待安装完成。
立即学习“前端免费学习笔记（深入）”；
打开router/index.js，顶部写入：import { createRouter, createWebHistory } from 'vue-router'。
注意：Vue 3 + Vue Router 4必须使用createWebHistory，用hash模式需改用createWebHashHistory，但默认推荐history模式。
定义路由数组与创建路由实例
方法一：基础静态路由
在index.js中写入routes常量，每个对象必须包含path和component字段，component值要用defineAsyncComponent或直接import引入。
例如：{ path: '/home', component: () => import('../views/Home.vue') } —— 这种写法支持懒加载，不加() => import会同步加载影响首屏性能。
方法二：嵌套路由配置
在某个路由对象里添加children字段，子路由path不要以/开头，比如父级path是'/user'，子路由写{ path: 'profile', component: ... }，最终访问地址是/user/profile。
【子路由path开头加/会导致匹配失败，且不会报错，页面空白也不提示】
最后调用createRouter({ history: createWebHistory(), routes })，并将结果导出为default。
挂载路由到Vue应用
第一步：打开main.js（或main.ts），确认已引入createApp和App组件。
第二步：在createApp(App)之后、app.mount()之前，插入两行代码：
import router from './router'
app.use(router)
这一步漏掉，所有
