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
posted @ 2022-06-26 03:27  风海迷沙  阅读(1684)  评论(0编辑  收藏  举报