接口的封装

简介: 接口的封装

1. 新建一个api文件夹

2. 按功能、模块等新建对应的js文件

3. 在内部写对应的封装接口,并导出

```js

importaxiosfrom'axios'

/**

* 接口名称:

* 接收参数:

* 返回参数:

*

*/

exportconstdel= (data) => {
returnnewPromise((resolve) => {
axios({
url: '/api/Admin/del_area',
method: 'GET',
params: data        }).then(res=> {
resolve(res)
        })
    })
}

```


 

4. 在需要使用的页面导入调用即可

```js

import { del } from'../api/admin'del({ id: 0 }).then(res=> {
console.log(res);
})
相关文章
Springboot整合es
Springboot整合es
473 1
|
存储 机器学习/深度学习 算法
Python 图像处理实用指南:1~5
Python 图像处理实用指南:1~5
1626 0
|
3月前
|
网络协议 前端开发 网络安全
B/S端和C/S端两种架构的应用详解,架构对于网络安全以及系统本身的详解-优雅草卓伊凡
本文详解B/S(浏览器/服务器)与C/S(客户端/服务器)两大主流架构:B/S依托HTTP、跨平台易维护,主导Web应用;C/S基于TCP、功能强定制高,适用于专业软件与游戏。对比历史演进、技术特点及适用场景,助你理解架构选型逻辑。(239字)
857 12
|
3月前
|
人工智能 IDE 前端开发
|
10月前
|
人工智能 JSON JavaScript
【干货满满】API接口请求封装
在 Vue 项目中,常使用 Axios 与后台交互,它基于 Promise,支持浏览器和 Node.js,具备拦截请求、取消请求、JSON 转换等功能。本文介绍了 Axios 的安装、封装及使用方法,包括创建实例、请求拦截、响应处理、API 管理等内容,并提供了完整代码示例,便于统一管理和调用接口,适用于前后端分离开发模式。
|
安全 网络安全 数据安全/隐私保护
SSL/TLS证书**是一种用于加密网络通信的数字证书
SSL/TLS证书**是一种用于加密网络通信的数字证书
745 6
|
消息中间件 存储 Kafka
10倍降本、10倍无损弹性!Kafka Serverless 基础版与专业版重磅发布!
云消息队列 Kafka 版基于 Apache Kafka 构建,提供高吞吐量与高可扩展性的分布式消息队列服务,广泛应用于日志收集、监控数据聚合、流式数据处理及在离线分析等场景,是 AI 与大数据时代企业数据处理体系的核心组件。
|
存储 前端开发 API
HarmonyOSNext 端云一体化(5)
本文介绍了 HarmonyOS Next 中客户端操作云存储的详细方法,涵盖云存储基础、环境准备及核心 API 使用。首先讲解了云存储的概念、免费配额与计费策略,接着说明如何在 AGC 平台开通云存储并初始化实例。核心功能包括文件上传(`uploadFile`)、云端文件列表查看(`list`)、元数据获取(`getMetadata`)、下载地址获取(`getDownloadURL`)、文件下载(`downloadFile`)和文件删除(`deleteFile`)。文中还强调了操作时需注意的事项,如文件路径限制和错误处理。通过学习,开发者可掌握云存储的基本操作,满足应用开发中的文件存储需求。
534 9
HarmonyOSNext 端云一体化(5)
|
容器 Docker Ubuntu
Docker命令速查表​
本文翻译自我的英文博客,最新修订内容可随时参考:Docker命令速查表
434 9
|
SQL 关系型数据库 MySQL
MySQL慢查询优化、索引优化、以及表等优化详解
本文详细介绍了MySQL优化方案,包括索引优化、SQL慢查询优化和数据库表优化,帮助提升数据库性能。关注【mikechen的互联网架构】,10年+BAT架构经验倾囊相授。
MySQL慢查询优化、索引优化、以及表等优化详解