vben-admin笔记

以前用过，很酸爽，Vue3+各种组件封装

git clone https://github.com/anncwb/vue-vben-admin.git

改目录名，用vscode打开目录

pnpm install

pnpm serve

pnpm build 要好久，成品默认8M，用时8分

改站点名称

改站点图标

改mock指向

接口准备：login token处置

菜单：前后台动态？

修改后台转发地址：

-------------

#VITE_PROXY = [["/basic-api","http://localhost:3000"],["/upload","http://localhost:3300/upload"]]

VITE_PROXY = [["/VbenAdmin","http://localhost:8012/VbenAdmin"],["/upload","http://localhost:8012/VbenAdmin/uploads"]]

# VITE_PROXY=[["/api","https://vvbin.cn/test"]]

# Delete console

VITE_DROP_CONSOLE = false

# Basic interface address SPA #/basic-api

VITE_GLOB_API_URL=/VbenAdmin

#VITE_GLOB_API_URL=/basic-api

# File upload address， optional

VITE_GLOB_UPLOAD_URL=/VbenAdmin/uploads

----------------

还要改相应api地址，时好时坏，有时需要重启vscode清除缓存：修改环境变量，修改网站设置，修改后台菜单模式为BACK

/src/api/sys/user.ts :修改调用地址api

以上修改如果不能正常实现相应效果，请更换浏览器，F12应用中本地存储选择清除（cookie等）

/src/api/sys/menu.ts :修改调用地址api

按mock格式准备好后端接收数据:getMenuList,getPermCode，注意菜单格式

在PageEnum.ts中配置首页起始位置

 

根据需要建立自己的页面，和相应的api