一、搭建(下载+启动)
下载地址:panjiachen (vue-el-admin) - Gitee.com
共两个版本
启动:node.js切换版本到16及以下,再使用npm install 安装依赖(注意,若用cnpm安装会出错)
二、登录功能
- 静态页面: 修改页面文字,css样式。如换背景图用~url()
- 改写统一管理api:换自己的接口
- 查看或修改二次封装: 查看响应拦截器中,res.code 注意逻辑,应该用&&
- 处理代理跨域问题: 在vue.config.js中,删除mock,增加代理跨域代码。并重启
// 删除 before: require('./mock/mock-server.js'),
proxy:{
'/dev-api':{
target:'http://39.98.123.21:8170',
pathRewrite: { '^/dev-api': '' },
}
}
//修改后,需要重启
三、完成 layout 功能区
(1)首页功能
- 在view中,删除sideBar多余的功能模块,首页 + login + 404
- 按照菜单~路由分析,创建路由及对应组件。区分一级二级路由