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中看到
相关推荐
陈随易7 小时前
在 VSCode 里,把项目一键部署到服务器
前端·后端·程序员
Highcharts.js7 小时前
教程:基于 React + Highcharts 构建一个单页应用程序、按需数据拉取与图表渲染
开发语言·前端·数据结构·react.js·前端框架·highcharts·页面应用
To_OC7 小时前
我被 useState 坑了两次之后,终于把它的脾气摸透了
前端·javascript·react.js
鱼樱前端7 小时前
我用 Claude Code 后,编码效率翻 3 倍。但更值钱的是别的。
前端·后端·ai编程
犀利豆8 小时前
Claude code tools 研究系列-开篇(AskUserQuestion)
后端
_lucas8 小时前
给知识库网站接入AI问答
前端·ai编程·全栈
前端糕手8 小时前
前端面试题大全:JavaScript + Vue3 + React + TypeScript + 工程化 + 性能优化
前端
我不叫武10 小时前
一个用 Rust 写的离线编码查询桌面工具
前端
Web4Browser10 小时前
指纹浏览器 API 自动化怎么接:启动 Profile、获取 CDP 端点并连接自动化框架
前端·网络·typescript·自动化
Patrick_Wilson11 小时前
从 React 到 Flutter:写给前端的一张跨端知识地图
前端·flutter·react.js