1、模板
简洁版:https://github.com/PanJiaChen/vue-admin-template
加强版:https://github.com/PanJiaChen/vue-element-admin
***vue后台项目文档:手摸手,带你用vue撸后台 系列一(基础篇) - 掘金
***vue封装组件:https://segmentfault.com/a/1190000009090836
注:①先将项目下载下来,用克隆(git clone+地址)或者下载都可以。
②npm install 安装项目依赖
③npm run dev (具体看package.json里面的scripts配置是dev或serve)
2、目录
3、登陆业务
---------静态组件完成
---------书写API(换成真实的接口)
----------axios二次封装
----------换成真实接口之后需要解决代理跨域的问题(vue.config.js中的devServe中)
------注意:与后端定好的token名称,请求地址的修改
Swagger UI:用户管理接口
Swagger UI:商品接口
注:当配置文件发生变化时,服务器需要重启。