接口的封装

简介: 接口的封装

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);
})
相关文章
|
SQL 关系型数据库 Docker
开源PolarDB-X部署体验:挑战与反思
本文记录了部署开源PolarDB-X的体验及挑战。PolarDB-X是一款云原生分布式SQL数据库,具备高性能和可扩展性。部署中遇到的问题包括依赖冲突、文档不清晰及官方文档无法访问等。建议改进文档准确性、增强错误提示和支持、简化部署流程,如采用Docker简化快速入门。尽管部署未成功,但仍对PolarDB-X未来发展持乐观态度。
|
小程序 前端开发
阻止小程序事件冒泡的三种方法
阻止小程序事件冒泡的三种方法
1492 0
|
12月前
|
安全 网络安全 数据安全/隐私保护
SSL/TLS证书**是一种用于加密网络通信的数字证书
SSL/TLS证书**是一种用于加密网络通信的数字证书
530 6
|
3月前
|
人工智能 JSON JavaScript
【干货满满】API接口请求封装
在 Vue 项目中,常使用 Axios 与后台交互,它基于 Promise,支持浏览器和 Node.js,具备拦截请求、取消请求、JSON 转换等功能。本文介绍了 Axios 的安装、封装及使用方法,包括创建实例、请求拦截、响应处理、API 管理等内容,并提供了完整代码示例,便于统一管理和调用接口,适用于前后端分离开发模式。
|
小程序 开发者
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
本文介绍了如何在Taro项目中实现自定义tabBar。首先,在`app.config.ts`中设置`custom: true`并配置`tabBar`。
839 0
Taro@3.x+Vue@3.x+TS开发微信小程序,使用自定义tabBar
uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)
uniapp实战 —— 弹出层 uni-popup (含vue3子组件调父组件的方法)
1520 1
|
前端开发
HTML+CSS基础知识(2)选择器的使用、盒子模型的讲解、列表的使用
该博客文章详细介绍了HTML和CSS的基础知识,包括CSS样式的应用方式、语法规则、选择器的使用、盒子模型、内边距、外边距、元素的显示类型以及overflow属性处理溢出内容的方法,并通过代码示例和测试结果截图展示了这些知识点在网页设计中的应用。
HTML+CSS基础知识(2)选择器的使用、盒子模型的讲解、列表的使用
|
设计模式 安全 Java
23种设计模式——单例模式
单例模式保证了系统内存中该类只存在一个对象,节省了系统资源,对于一些需要频繁创建销毁的对象,使用单例模式可以提高系统性能。
326 0
23种设计模式——单例模式
|
小程序 JavaScript
微信小程序rich-text富文本 解决图片超出屏幕宽度
微信小程序rich-text富文本 解决图片超出屏幕宽度
|
安全 Java Devops
在线捉虫:1分钟代码自动检测体验
1分钟快速体验阿里云云效提供的免费在线git代码托管和代码自动检测能力
下一篇
开通oss服务