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中看到
相关推荐
小磊哥er2 分钟前
【前端工程化】前端组件模版构建那些事
前端
前端 贾公子3 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript
江城开朗的豌豆7 分钟前
Vue路由传参避坑指南:params和query的那些猫腻
前端·javascript·vue.js
十里青山15 分钟前
超好用的vue图片预览插件更新啦,hevue-img-preview 7.0.0版本正式发布,支持vue2/vue3/移动/pc,增加缩略图、下载、自定义样式等
前端·javascript·vue.js
lichenyang45324 分钟前
css模块化以及rem布局
前端·javascript·css
小熊哥^--^26 分钟前
条件渲染 v-show与v-if
前端
棉花糖超人33 分钟前
【从0-1的CSS】第3篇:盒子模型与弹性布局
前端·css·html
sniper_fandc2 小时前
SpringBoot系列—入门
java·spring boot·后端
小小小小宇8 小时前
虚拟列表兼容老DOM操作
前端
悦悦子a啊8 小时前
Python之--基本知识
开发语言·前端·python