接口封装如何实现?

简介: 接口封装如何实现?

一、首先在src文件下的api文件里面创建一个js文件(任意文件)

我用的是admin.js

文件里面就写一下内容就可以

import axios from 'axios'
export const del =(data)=>{
    return new Promise((resolve)=>{
        axios({
            url:'封装的接口数据',
            method:'GET',
            params:data
        }).then(res=>{
            resolve(res);
        })
    })
}

二、在接口封装的页面导入

import { del } from '@/api/admin';

三、直接把原本的axios改成以下内容即可:

del({
    admin_id: 1,
    admin_name: '超级管理员',
    sign: 3,
    id: 1,
    pid: 1,
  }).then(res => {
    console.log(res);
    }
  })
相关文章
|
7月前
|
JavaScript API
接口的封装
接口的封装
|
Java 数据挖掘 数据库
封装的理解
封装的理解
107 0
|
3月前
|
数据安全/隐私保护 C语言 C++
C++(七)封装
本文档详细介绍了C++封装的概念及其应用。封装通过权限控制对外提供接口并隐藏内部数据,增强代码的安全性和可维护性。文档首先解释了`class`中的权限修饰符(`public`、`private`、`protected`)的作用,并通过示例展示了如何使用封装实现栈结构。接着介绍了构造器和析构器的使用方法,包括初始化列表的引入以及它们在内存管理和对象生命周期中的重要性。最后,通过分文件编程的方式展示了如何将类定义和实现分离,提高代码的模块化和复用性。
|
5月前
|
Java
设计接口的几种方法
设计接口的几种方法
|
7月前
|
安全 C#
C#封装详解
C#封装详解
91 0
|
7月前
|
安全 数据安全/隐私保护
什么是封装?
什么是封装?
49 0
|
7月前
|
测试技术 API
(接口封装)
(接口封装)
103 0
|
Web App开发 移动开发 JavaScript
h5调用底层接口的一些知识
h5调用底层接口的一些知识
134 0
|
缓存
DiskCacheDir 的封装
DiskCacheDir 的封装