vue项目api接口组织方式

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

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

vue项目api接口组织方式_第1张图片

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

vue项目api接口组织方式_第2张图片

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

vue项目api接口组织方式_第3张图片

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

vue项目api接口组织方式_第4张图片

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

你可能感兴趣的:(web前端)