【工具】推荐一款好用的前端mock数据插件-Ajax Interceptor

已于 2023-12-05 11:33:31 修改
阅读量1.9k 收藏 5
点赞数
分类专栏： 工具 文章标签： 前端 ajax javascript
于 2021-05-17 15:53:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MrChenLen/article/details/116936313
版权

背景：平常经常要看后端返回的数据在前端页面的展示情况，有些数据比较难构造，后端无法满足返回理想的数据。

解决方案：除了可以用fiddler打断点修改返回值外，推荐这款前端ajax请求mock数据浏览器插件-Ajax Interceptor，非常好用，可以直接修改后端的返回值，还可以直接用json格式编辑，想要什么数据就构造什么数据。可以一键开关，一键添加想要的mock数据的url （文末有插件附件链接）

获取方式一：(前提需要能上外网)打开Chrome商店，搜索ajax interceptor之后添加即可，添加后推荐重启，不能打开chrome商店的可以用方式二,三

安装方式二：手动导入插件，附件已上传，见链接

插件链接：https://pan.baidu.com/s/1WjUbJs20EM5lQ_lh3WZRjA 
提取码：3860

安装方式三：插件小屋下载

Ajax Interceptor_chrome插件下载,最新浏览器扩展,crx离线安装包 - 插件小屋

chrome插件离线安装方式：

crx文件怎么放入谷歌浏览器中

ReSpace~
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端开源库-mock-local-storage
08-30
Mock-local-storage 是一个专门为前端开发者设计的工具，它的主要目标是解决在单元测试中对本地存储操作的模拟。这个库能够让你在测试中避免真实地修改用户的本地存储数据，确保测试结果的准确性和一致性。 使用 ...
xe-ajax-mock1.4.5.js
02-08
总之，`xe-ajax-mock`是一个强大的工具，帮助开发者在前后端分离的环境中快速进行前端开发，降低对后端的依赖，提升工作效率。通过合理地运用这个插件，可以有效地缩短项目的开发周期，保证产品质量。
Vue项目使用mock数据--mockjs插件的基本使用
weixin_43323097的博客
08-12 478
Vue项目使用mock数据--mockjs插件的基本使用
5 个最佳 Mock 工具
百晓生说测试的博客
03-18 1440
在激烈竞争的前端开发领域中，提高团队效率至关重要。上述讨论的工具，包括 Apifox、JSON Server、Mock.js、JSONPlaceholder 和 mswjs，为开发者提供了多种选择。Apifox 凭借其智能模拟和集成特性，为 API 管理带来便利和效率。通过策略性利用这些工具，可以推动前端项目顺利执行。这些资料，对于【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴上万个测试工程师们走过最艰难的路程，希望也能帮助到你！
推荐几款常用的Mock测试工具！
最新发布
yjt2045263063的博客
05-31 806
模拟测试（Mock Testing）是软件测试中的一种重要技术，它的主要用途是在中对代码进行测试，特别适合在进行开发自测、单元测试或接口测试阶段。比如：有时候在进行单元测试时，我们希望测试一个函数或方法，但它依赖于其他组件或外部资源（例如数据库、网络服务等）。这些依赖可能会使得单元测试变得复杂、耗时或不稳定。为了解决这个问题，模拟测试技术应运而生。：模拟测试可以帮助我们模拟外部依赖，例如数据库访问、网络请求等，从而使得单元测试更加独立、可靠和快速。
前端 mock 数据及工具介绍
cdq2012的博客
08-07 2093
阅读本文，需要有前端开发的简单知识，接下来我们分别从介绍 Mock 数据概念（what）、为啥要 Mock(why)、如何 mock(how）、mock 工具等方面来展开讲解。
终于，用浏览器就能mock请求了
IT界那些事儿
09-15 2473
在最近发布的Chrome 117中，更新了很多调试相关功能，比如 —— 前端可以利用面板轻松mock请求。本文让我们看看这次更新都有哪些有用的新特性。首先，本地覆盖功能更加简化，你可以在没有访问权限的情况下，通过面板轻松地模拟远程资源的响应头和网页内容。千万别小看了这个不起眼的功能，有了它之后，我们可以做很多事情，例如：直接调试线上的代码（图像、字体、fetch和XHRJavaScript、CSS 等）快速切换不同的调试环境（本地、预发、线上）屏蔽某些网站广告，修改背景色等。
深入探究Mock.js：前端数据模拟利器
qq_64069576的博客
06-30 598
1.1 什么是Mock.js Mock.js是一款前端数据模拟工具，它可以拦截ajax请求并返回模拟数据，从而实现前端开发中的数据模拟。Mock.js提供了一套简洁灵活的API，能够生成各种类型的随机数据，支持自定义规则生成数据，并可以与前端开发框架无缝集成。1.2 Mock.js的特性随机数据生成：Mock.js可以根据预定义的规则生成各种类型的随机数据，包括文本、数字、布尔值、日期等。数据拦截：Mock.js可以拦截ajax请求，模拟后端接口返回数据，从而实现前端开发中的数据模拟。
Mockcat是一款前端与后台分离开发的简易接口Mock数据工具集
08-11
Mockcat是一款前端与后台分离开发的简易接口Mock数据工具集。提供了Mock数据的模块化管理，接口的定义和测试（支持JSON5/XML文档格式、Mock.js的语法规则），Mock数据的操作日志，以及接口的Mock服务功能。另外，...
node-request-interceptor：节点的低级HTTPHTTPSXHR请求拦截库
02-03
node-request-interceptor NodeJS的低级HTTP / HTTPS / XHR请求拦截库。 拦截由以下人员发出的任何请求： http.get / http.request https.get / https.request fetch XMLHttpRequest 利用上述模块的任​​何...
前端开源库-mock-api-middleware
08-29
"前端开源库-mock-api-middleware"就是这样一个工具，它是一个专门用于模拟API的中间件，可以帮助前端开发者在没有实际后端服务的情况下进行应用的开发和测试。 首先，让我们理解什么是“中间件”。在Web开发中，...
【Postman】Mock 服务前端脱离对后端接口依赖--强力推荐前端童鞋必看
lichong951的专栏
06-11 712
Mock在前端手上，谁还依赖后端开发童鞋。搞定Mock。前端起飞在即
Mock.js 前端数据模拟工具
weixin_45063953的博客
08-25 151
Mock.js 前端数据模拟工具
vue3：vite-plugin-mock插件的使用过程
木子静静的博客
09-11 825
vue3中使用vite的情况下，安装使用mock插件的过程
vite使用mock插件的配置(vite-plugin-mock)
m0_52775179的博客
08-03 1849
3、在根目录创建一个mock文件，下面再细分各种文件，例如创建一个index.ts。2、在.viteMock文件里面（此处文件是自行创建的）
5 个最佳 Mock 工具_mock工具
2401_84239901的博客
04-12 1276
Apifox 以其强大的模拟功能而著称，兼容，并支持 Nunjucks 和自定义脚本，以适应各种场景。它的用户界面友好，你只需定义字段名和类型，Apifox 便会根据你的结构生成丰富的数据。当你需要大量列表数据时，Apifox 简化了创建过程，无需手动输入，只需通过简单的循环结构便可处理重复任务。如果你需要分页数据，该平台可以模拟这些场景并根据你的需求定制总数据点和页面大小。但的模拟功能远不止于此 - 它还能模拟延迟、加载状态和错误条件，使其成为模拟生成、测试和 API 管理的不二之选。
yapi期望、mock、自动化测试及idea插件使用
热门推荐
feiqinbushizheng的博客
08-28 1万+
一、项目基本配置 1、添加新接口 添加子节点 2、接口请求/插件安装 3、同一个接口，不同参数来区别不同的服务/自动化测试 用测试集合来使用 # 回归测试，批量测试。 配置成功标识 （根据实际情况判断） assert.deepEqual(body.sys_header.status, “true”) 导入需要测试的接口 添加请求参数 4、测试用例成功判断 开启test，并书写断言内容，判断接口是否正确执行（此判断需与全局判断同时正确，接口才会验证通过） 断言语法： 断言脚本公共变
Vite 项目中如何去集成 Mock 环境 （插件：vite-plugin-mock）
zrblue的博客
05-19 703
可以看到是十分简单的，无非就是提供数据的函数 + 对外暴露一个数组，数组中包含的便是接口。之后在项目根目录创建 mock 文件夹，去创建我们需要的 Mock 数据和对应的接口。配置 vite.config.ts。
前端mock模拟假数据
07-28
前端mock模拟假数据可以通过多种方式实现。以下是一些常用的方法： 1. 手动编写假数据：可以在前端代码中直接定义一个对象或数组，手动填充假数据。这种方法适用于简单的数据结构或测试目的。 2. 使用Mock.js库：Mock.js是一个前端模拟数据生成器，可以帮助你快速生成各种类型的假数据。它提供了丰富的数据模板和随机数据生成规则，可以模拟真实的接口返回数据。 3. 使用在线Mock平台：有一些在线平台如Easy Mock、Mockoon、JSONPlaceholder等，可以帮助你快速创建和管理假数据接口。你可以在这些平台上配置接口返回的数据结构和内容，并通过接口地址在前端代码中调用。 4. 使用代理服务器：在开发环境中，你可以设置一个代理服务器来拦截前端请求，并返回模拟的假数据。常见的代理服务器工具有Fiddler、Charles、MockServer等。 以上是几种常用的前端mock模拟假数据的方法，你可以选择适合自己项目需求的方式进行实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值