vue项目api接口组织方式

一般后端接口是,一个业务的方法,用一个controller,所以前端这边,一个业务的接口放到一个js文件里

shiroApi提供认证相关接口,如下图

vue项目api接口组织方式

adminApi提供组织,用户,角色管理等相关接口,如下图

vue项目api接口组织方式

将shiroApi和adminApi等等api做个汇总,到apis.js中,如下图

vue项目api接口组织方式

登陆接口调用例子,引入apis.js即可(当然也可以引入具体shiroApi.js,看自己需要和习惯),如下图:

vue项目api接口组织方式

个人总结的api组织方式,欢迎提供更好的建议