Postman mock服务快速上手

  • 工作中,前后端进行联调,后端接口有问题(响应慢,时通时不通,后端服务挂了),就会影响前端开发进度,后端接口返回简单数据可以使用mock,对于接口返回大量复杂数据mock不好处理,这时我们可以使用Postman来进行mock
  • mock详情见官网地址:learning.postman.com/docs/design...

下载Postman

配置

  • 当前我的Postman版本v10.19.0
  1. 点击new 添加Collection,这里需要登录才能添加Collection,需要自己注册账号

2. 创建一个Collection取名work 3. work 右键菜单选择add a request取名baidu

4. 用这个request输入url 点击Send发送一个请求

5. 然后点击Save as example ,会在下面创建一个New Request

6. 点击创建的New Request,url修改路径**/baidu/test**,并自定义响应结果

  • 注意:这一步非常关键,后面的请求路径与这里url配置相关
  1. 完成上面的,就可以启一个Mock服务 了,点击work ,右键菜单选择Mock collection
  2. 只填写一个Mock Server Name 就可以,取名mock,点击创建

9. 点击复制服务器路径,尾部添加上面设置的url路由/baidu/test,就能访问到自定义响应了

补充

错误

  • 页面出现如下,说明请求路径有问题
json 复制代码
{"error":{"name":"mockRequestNotFoundError","message":"Double check your method and the request path and try again.","header":"No matching requests"}}
  • 请求状态,可以在Mock Server中看到
相关推荐
强强学习1 小时前
HTML5 起步
前端·html·html5
念九_ysl3 小时前
前端循环全解析:JS/ES/TS 循环写法与实战示例
前端·javascript·typescript
anyup_前端梦工厂5 小时前
了解几个 HTML 标签属性,实现优化页面加载性能
前端·html
前端御书房5 小时前
前端PDF转图片技术调研实战指南:从踩坑到高可用方案的深度解析
前端·javascript
2301_789169545 小时前
angular中使用animation.css实现翻转展示卡片正反两面效果
前端·css·angular.js
Asthenia04126 小时前
浏览器缓存机制深度解析:电商场景下的性能优化实践
后端
风口上的猪20156 小时前
thingboard告警信息格式美化
java·服务器·前端
程序员黄同学6 小时前
请谈谈 Vue 中的响应式原理,如何实现?
前端·javascript·vue.js
databook7 小时前
『Python底层原理』--Python对象系统探秘
后端·python
爱编程的小庄7 小时前
web网络安全:SQL 注入攻击
前端·sql·web安全