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中看到
相关推荐
0思必得06 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5166 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino6 小时前
图片、文件的预览
前端·javascript
layman05288 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔8 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李8 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN8 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化
啊哈一半醒8 小时前
CSS 主流布局
前端·css·css布局·标准流 浮动 定位·flex grid 响应式布局
PHP武器库8 小时前
ULUI:不止于按钮和菜单,一个专注于“业务组件”的纯 CSS 框架
前端·css
电商API_180079052478 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫