web前端项目的api模块化与聚合管理
  oqIYWher04Br 2023年11月02日 24 0


开发场景

在平时的开发过程中,我们可能会将api放到不同的文件中。例如用户管理相关的接口放置在一个文件中,权限管理放置在一个文件中等等,每一个模块相关的接口都会单独的放置在一个文件中,这个时候,当我们引用接口是,就会从不同的文件中进行引用,如下图:

web前端项目的api模块化与聚合管理_权限管理

这个时候,我们会发现,接口的定义与界面的引用实际上是有些混乱的,而且这里有可能同一个接口在多个文件中被定义,其实也是非必要的。

改进方案

那么,如何将这种混乱的状态理清楚呢?那就是将多文件的接口聚合,如下图:

web前端项目的api模块化与聚合管理_多文件_02

这样子是不是就清楚得多了?

具体实现(vue3)

这里就直接拷贝代码截图了

将多个文件进行聚合

web前端项目的api模块化与聚合管理_多文件_03

引用示例

web前端项目的api模块化与聚合管理_权限管理_04

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

oqIYWher04Br