美文网首页
web前端项目的api模块化与聚合管理

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

作者: 张中华 | 来源:发表于2023-06-18 23:38 被阅读0次

开发场景

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

image.png

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

改进方案

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


image.png

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

具体实现(vue3)

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

将多个文件进行聚合

image.png

引用示例

相关文章

  • AMD_CMD_RequireJS

    为什么要使用模块化? 前端模块化开发的价值 参考 最主要的目的: 解决命名冲突 依赖管理 在前端工程潮流下,模块化...

  • 接触web前端需要注意什么?避免走上弯路

    初学Web前端要注意什么?如何学好JS模块化编程?JavaScript是前端三要素之一,也是很多初学Web前端的人...

  • 2018-12-31

    浅聊前端依赖管理及优化(上) 一、引子 在npm、yarn等包管理工具的帮助下,前端工程化模块化的进程日益加快,项...

  • 说说你对webpack的理解?解决了什么问题

    一、背景 Webpack 最初的目标是实现前端项目的模块化,旨在更高效地管理和维护项目中的每一个资源 模块化 最早...

  • 认识Webpack

    要了解Webpack,首先要知道前端模块化开发的概念 前端模块化 模块化的目的是使代码可以重用,模块化在任何开发中...

  • 一周极客分享2019年10月-第1周

    Web前端 用Scala实现简单的Web和API服务器 JavaScript 中的“黑话” 前端周报:Chrome...

  • Vue history模式 nginx 配置

    一、前端 查看publicPath路径 二:Nginx web api 接口配置

  • 模块化

    前端开发的发展 近年来 Web 应用变得更加复杂与庞大, Web 前端技术的应用范围也更加广泛。从复杂、庞大的管理...

  • WebService、WCF和WebApi的区别和特点

    Web Service:Web Service服务通常被定义为一组模块化的API,它们可以通过网络进行调用,来执行...

  • 前端工程与模块化框架

    前端模块化框架肩负着 模块管理、资源加载两项重要的功能,这两项功能与工具、性能、业务、部署等工程环节都有着非常紧密...

网友评论

      本文标题:web前端项目的api模块化与聚合管理

      本文链接:https://www.haomeiwen.com/subject/lrnsydtx.html