fastmock模拟post、get请求

最新推荐文章于 2023-11-26 14:08:35 发布

Icon_酱

最新推荐文章于 2023-11-26 14:08:35 发布

阅读量2.9k

点赞数 3

分类专栏： fastmock 文章标签：前端

本文链接：https://blog.csdn.net/yyticon/article/details/121290592

版权

fastmock 专栏收录该内容

1 篇文章 1 订阅

订阅专栏

本文档详细介绍了FastMock平台的使用，包括创建项目和编写数据结构。通过示例展示了GET和POST请求的配置，提供预览功能以便测试接口。对于POST请求，建议使用Postman进行接口测试。内容涵盖了Mock.js的数据生成规则，适合前端开发者学习掌握。

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

参考资料：

fastmock 帮助文档初学者可以根据这个文档了解如何创建项目

【前端必备基本技能】-fastMock平台使用_哔哩哔哩_bilibili 如果觉得文档不好理解的小伙伴可以看这个视频，本人觉得讲的很仔细。

Mock.js

实例练习：

get请求

示例展示。（关于数据结构的写法可以参考mock.js文档，链接在本文开头处。）

{
  "Status": 200,
  "Data|1": [{
    "id|+1": 1001,
    name: '@cname',
    "number|+1": 202,
    "object|1": {
      "310000": "上海市",
      "320000": "江苏省",
    },
    city: '@zip'
  }],

  "desc": "成功"
}

可以直接点右上角预览。如图：

在项目中使用的结果，打开f12查看请求响应。

post请求

示例展示。（关于数据结构的写法可以参考mock.js文档，链接在本文开头处。）

{
  "Status": 200, 
  "Data": {
    "pageNo": "@integer(1, 100)",
    "PageCount": "@integer(100, 1000)",
    "PageSize": 10,
    "Data|10": [{
      "id|+1": 1,
      "name": "@cword(10)",
      "title": "@cword(20)",
      "descript": "@csentence(20,50)",
      "price": "@float(10,100,10,100)"
    }]
  },
}