前言vue3-antd-admin是一款后台前端解决方案，基于vue3和antd-ui实现。它采用最新的前端技术栈，集成了动态路由、鉴权登录、菜单管理等基础功能。在此之上，优化了样式，解决了其他框架菜单被忽视的超出非滚动非BFC隔离的问题。.与同类型框架相比，其逻辑更清晰简洁，无冗余代码，上手更快。相信无论您的需求是什么，这个项目都能帮到您。祝你好运！目前这个项目只完成了基础部分，还有很多需要完善的地方，比如：H5适配，页面动画，命令权限，更多好用的组件等等，由于平时工作的原因，我无法快速迭代更新。因此，希望有更多的开发者加入进来，这个框架已经开源到github上了。基础版门户预览框架秉承开箱即用的理念，没有冗余的组件页面，代码清晰不冗余。模拟在线预览账号：admin|密码：123456文档地址安装使用1.下载前端工程#克隆工程gitclonegit@github.com:llyyayx/vue3-antd-admin.git#进入工程目录cdvue3-antd-admin#安装依赖npminstall#本地开发启动项目npmrundev2，界面配置，第一步，你的前端页面可以正常打开，但是项目依赖api或者作者在线地址，你需要提供以下内容必要的接口并将代理设置为您自己的api地址。我们在前端自己做。如果暂时得不到后台人员的支持，可以使用框架提供的接口，会更方便。可以下载vue3-vite-admin例子提供的admin-nodeServe，在线例子中实际使用的就是这个。api，下载完成后只需要进入目录npminstallnpmrunstrat，默认端口号为http://127.0.0.1:8010，如果有node基础可以修改代码实现您需要的数据和功能。所有需要的接口都配置在@/api/login.ts中，可以修改需要的接口的url，但是尽量不要修改接口的ts类型规范！A。登录接口方法：posturl:/login接口规范//提交给后台的数据格式exporttypeLoginFrom={username:string|不明确的;密码：字符串|不明确的;};//后台导出类型要求返回的数据格式LoginSuccess={code:number;消息：字符串；数据？：T；令牌：字符串；}；b.获取用户信息接口方法：geturl:/info接口规范//没有提交给后台的数据格式，header中的token验证身份//请求后台返回的数据格式exporttypeUserInfo={code:number,message:string,data?:T,info:{//tokentoken:string,//usernamename:string,//avataravatar:string,//Permissionroles:string[],}}c,菜单界面method:geturl:/menu接口规范//提交给后台的数据格式为none，header中的token验证身份//后台返回的数据格式为必填项exporttypeRouterData={code:number,message:string,data:[{//menuidid:number,//路由地址path:string,//菜单名称name:string,//相对于views文件夹位置的模板文件component:string,//路由名称（必须是唯一的）key:string,//重定向地址redirect?:string,//dish单图标icon?:string,//子菜单，无需配置页面级children?:RouterObj[],//父idpid?:number,//是否隐藏页面/菜单，默认false不隐藏hidden?:boolean,//页面是否缓存，默认false不缓存keepAlive?:boolean}]}c、注销接口方法：posturl:/logout接口规范exportinterfaceResponseData
