夏天夏 夏天夏
首页
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • npm script打造前端工作流
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • 年终总结

    • 2019年总结
    • 2020年总结
    • 2021年总结
  • JavaScript
  • CSS
  • 框架
  • Node
  • 服务
  • web3
  • 其他
我的作品
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

夏天夏

我也不饶岁月
首页
  • 技术分享

    • 小白都能看懂的闭包
    • 关于后台管理应用
    • 关于技术的取舍
    • 前端工程化
    • 切换node版本
    • 如何优雅的写事件代理
    • 我所不了解的技术
    • 我喜欢的parcel
    • angular1使用
    • npm script打造前端工作流
  • 发布一个node插件

    • 发布一个npm包
    • 如何打包一个插件工具库
    • 打包工具的选择
  • 年终总结

    • 2019年总结
    • 2020年总结
    • 2021年总结
  • JavaScript
  • CSS
  • 框架
  • Node
  • 服务
  • web3
  • 其他
我的作品
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • JavaScript

  • CSS

  • 框架

  • Node

  • 服务

  • 其他

    • 编程概念
    • 打包工具
    • 关于前端接口管理的一些思考
      • 前言
      • 实现的思路
    • 开发环境
    • 浏览器兼容问题
    • 前端单元测试
    • 前端资源
    • 实用代码段
    • 书籍
    • 造轮子思路
    • 造轮子思路二
    • 自定义组件
    • ajax
    • git笔记
    • iview踩坑记
    • sass
    • webpack原理跟配置
    • Canvas
    • OpenGraph
    • SEO
  • 设计模式

  • web3

  • react

  • 学习笔记
  • 其他
夏天夏
2022-05-15
目录

关于前端接口管理的一些思考

# 前言

在前端项目中,ajax请求太多,能不能都用一个文件夹去统一管理呢,然后吧接口当成函数一样调用呢,这样做的好处有

  • 一个地方统一管理所有接口
  • 避免多次重复写一样的接口
  • 可配置请求方式,减少代码量

# 实现的思路

  • 首先约定后端返回的数据模板格式
  • 然后按每种不同的请求格式去封装不同的函数
  • 将接口管理写在一个数组里面,遍历所有数组生成对应的函数并且挂在在vue.prototype的方法上
  • 具体代码 https://github.com/qq919006380/test/tree/master/src/api

个人比较喜欢用数组配置,然后遍历这种写法,还有一总就是用对象来封装,然后将对象的方法嵌入到vue.prototype方法上,这种方法可以避免方法名重名问题。

编辑 (opens new window)
#接口管理
上次更新: 2022/05/30, 17:42:07
打包工具
开发环境

← 打包工具 开发环境→

最近更新
01
远程办公的个人思考
02-21
02
SEO
01-02
03
NFT的价值
12-27
更多文章>
Theme by Vdoing | Copyright © 2019-2025 夏天夏 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式