后端router.push问题求助

在菜单设置里面设置了一个路由，设置参数如下：
规则名称：hr/staffinfo/editinfo
路由路径：hr/staffinfo/editinfo
组件路径：/src/views/backend/hr/staffinfo/editinfo.vue
扩展属性：只添加为路由

设置完之后，直接访问这个页面是可以正常打开的

在页面里面，我想跳转到这个路由里面，按下面写的，但是点开这个按钮的时候，提示404页面

const handleClick = (id:any) => {
    
    router.push({ path: '/hr/staffinfo/editinfo', query: { id: id } })
}

点击这个按钮直接跳转到了404页面，是哪里设置问题吗？