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中看到
相关推荐
Irene19911 小时前
ElementPlus 与成熟后台框架对比:vue-element-plus-admin、vue-pure-admin等
前端·ui·框架·vue3
尘中客5 小时前
放弃 Echarts?前端直接渲染后端高精度 SVG 矢量图流的踩坑记录
前端·javascript·echarts·前端开发·svg矢量图·echarts避坑
FreeBuf_6 小时前
Chrome 0Day漏洞遭野外利用
前端·chrome
小彭努力中6 小时前
199.Vue3 + OpenLayers 实现:点击 / 拖动地图播放音频
前端·vue.js·音视频·openlayers·animate
2501_916007476 小时前
网站爬虫原理,基于浏览器点击行为还原可接口请求
前端·javascript·爬虫·ios·小程序·uni-app·iphone
前端大波6 小时前
Sentry 每日错误巡检自动化:设计思路与上手实战
前端·自动化·sentry
ZC跨境爬虫8 小时前
使用Claude Code开发校园交友平台前端UI全记录(含架构、坑点、登录逻辑及算法)
前端·ui·架构
慧一居士8 小时前
Vue项目中,何时使用布局、子组件嵌套、插槽 对应的使用场景,和完整的使用示例
前端·vue.js
2401_895521348 小时前
SpringBoot Maven快速上手
spring boot·后端·maven
Можно8 小时前
uni.request 和 axios 的区别?前端请求库全面对比
前端·uni-app