Vue实现简单的接口封装

1.  在src中创建一个api文件夹 

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

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

import axios from "axios";

/**
 * 接口名称：
 * 接收参数：
 * 返回参数：
 * 
 */

export const miens =()=>{
     return new Promise ((resolve)=>{
        axios({
            url:"/webapi/index/index",
            method:"post",
            params:{},
        }).then((res)=>{
            resolve(res);
        });
        });
     };

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

import { miens} from '../api/admin'

miens().then(res => {
    console.log(res);
})

原创作者：吴小糖

创作时间：2023.10.10