ApiPost的使用

避坑记录

已于 2023-08-18 10:14:18 修改

阅读量2.2k

点赞数 1

文章标签： ApiPost使用

于 2023-08-11 15:25:27 首次发布

本文链接：https://blog.csdn.net/weixin_44068262/article/details/132231763

版权

本文介绍了接口设计中的GET和POST请求区别，使用form-data和JSON格式，设置预期响应示例，以及如何通过UMI框架调试接口，包括错误处理和代码示例（如importrequestfromumi）。

摘要由CSDN通过智能技术生成

1. 设计接口

请求参数的介绍

Query:相当于get请求，写的参数在地址栏中可以看到

Body: 相当于 post请求，请求参数不在地址栏中显示。

请求表单类型，用form-data

json文件类型，用row

2. 预期响应期望

设置完每一项点一下生成响应示例

设置完之后打开右边智能期望，点击设置图标，进行设置。（就是参数成功，不成功的情况）

以上设置结束后，就可以测试接口了。

3.调试接口

参数不对的时候就会报错

4.代码中使用

这里建议直接点开分享文档，去复制接口地址。

import { request } from 'umi'

// 获取首页信息
export const homeinfo = (data) => {
    console.log("接口中的data",data)
    return request('https://console-mock.apipost.cn/mock/d3d-15c4-49cd-a1d6-d4e1e56//api/login', {
        method: 'POST',
        data,
    })
}