关于mockjs中如何拿到传过来的数据问题。

最新推荐文章于 2024-03-06 22:41:25 发布
最新推荐文章于 2024-03-06 22:41:25 发布
阅读量5.9k 收藏 8
点赞数 1
分类专栏： React项目经历
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43080554/article/details/99638971
版权

在这里插入图片描述
在mockjs中Mock.mock()的方法会接受三个参数第一个参数是所拦截的接口，第二个参数是所拦截的的请求方式，第三个参数是一个回调函数回调函数的传参是本次请求的选项集在这里插入图片描述
官方文档是这样给出的，所以我们拿到options中的body就是接口传过来的数据了。

你跟我吃醋的样子可爱极了
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
mockjs在项目中的使用方法详解
haoyanyu_的博客
02-29 1664
Mockjs是一个模拟数据生成器，用于帮助前端开发，使其独立于后端进程，并减少一些单调性，特别是在编写自动化测试时。 一、项目实战 1. 安装mockjs npm install mockjs --save-dev 2. 引入mockjs，模拟数据 // 新建一个mock.js文件 import Mock from 'mockjs'; const { Random } = Mock; cons...
测试必知必会的Mock数据方法
欢迎关注【微信公众号】测试开发Guide，从功能测试进阶测试开发
07-18 2603
大家好，我是洋子。在文章《接口测试（3）-构造测试数据》我提到了构造测试数据的方法，但这篇文章当中都是构造真实的测试数据。然而在实际测试过程中，我们难免会遇到业务场景非常复杂，上下游调用链路复杂或者是某个依赖模块不稳定等，导致无法构造真实测试数据的情况这个时候想要进行测试，就需要先去进行Mock数据，然后再进行接下来的测试。...
mock.js获取假数据
Carson的专栏
09-03 1104
直接弄个html，粘贴保存后，用浏览器控制台就能直接看到效果 更多其它示例请访问官网文档：http://mockjs.com/examples.html  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont
Mock 数据时查看模拟接口 从前端传过来的数据
Heixiu6的博客
10-27 460
调用mock模拟接口时查看调用接口时传过来的数据，但是在mock接口使用console.log 和debugger 都是没有效的
07----mockjs获取前端传递的数据
weixin_34161064的博客
03-17 1048
前端 axios({ method: "get", url: "/getGoods", data: { id:2 } }).then(data => { //成功的回调函数，返回的是增加的数据 console.log(data.data.data); t...
前端Mockjs数据模拟
weixin_45974259的博客
02-18 1702
1.安装mockjs(本案例完整代码在最下方) 通过指令npm install mockjs安装mock , 之后在src文件夹下创建一个mock文件夹,再在mock文件夹下创建一个index.js文件 之后接着在main.js文件中引入mock 之后就可以在mock文件下的index.js文件中模拟数据了 1.首先我们需要在mock下的index.js文件中引入mock import Mock from "mockjs"; 2.接着在此处我们模拟了一个 新闻列表数据 ,该数据是..
express+mockjs实现模拟后台数据发送功能
10-18
主要介绍了express+mockjs实现模拟后台数据发送功能,需要的朋友可以参考下
mockjs+vue页面直接展示数据的方法
10-17
标题中的“mockjs+vue页面直接展示数据的方法”是指一种在Vue.js开发环境中，使用Mock.js来模拟数据并在页面上直接展示的技术。Mock.js是一个强大的工具，它可以在前后端分离的开发模式下，帮助开发者快速生成模拟...
详解在vue-cli项目中使用mockjs(请求数据删除数据)
10-19
在Vue CLI项目中，开发过程中经常遇到的问题是前端开发进度受限于后端接口的可用性。为了解决这个问题，我们可以使用Mock.js这个强大的插件来模拟后端数据，从而实现前端的独立开发。本文将详细介绍如何在Vue CLI...
uin-app+mockjs实现本地数据模拟
10-14
主要为大家详细介绍了uin-app+mockjs实现本地数据模拟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue 之 mockjs 结合 axios 在 vue 中的随机数据生成的简单使用 vue-mockjs 工程
08-16
本节介绍，vue 中使用 mockjs ，并结合 axios 进行简单的随机数据生成，然后显示在界面上的简单整理，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。Mock.js为什么使用mockjs在做开发时，当后端的接口还...
使用MockJS模拟数据，如何获取入参？
最新发布
码农桃子的博客
03-06 658
在使用MockJS进行模拟数据的时候，会遇到一种场景，当参数=1时，展示A类数据，当参数=B时，展示B类数据，为了实现这场景，那就要在模拟数据时拿到请求参数？参数，字段如下，可以看见boby内有请求头信息，如此，我们可以根据这个boby进行判断，来模拟不同的结果，这样就会使得模拟的数据连贯。
JS对select操作
weixin_34327761的博客
01-30 650
  1.动态创建select       function createSelect(){ var mySelect = document.createElement("select");          mySelect.id = "mySelect";           document.body.appendChild(mySelect);      } 2.添加选项option...
mock.js模拟接口获取数据
weixin_43964148的博客
10-18 1066
npm install --save-dev mockjs mock 的index.js文件 import Mock from 'mockjs' import BookHomeApi from './bookHome' import BookShelfApi from './bookShelf' import BookHomeList from './bookList' import BookF...
mock获取入参数并动态设置返回值
weixin_33946020的博客
10-09 1万+
/*   * Copyright (c) 2007 Mockito contributors   * This program is made available under the terms of the MIT License.   */   package org.mockitousage.stubbing;       import org.junit...
mockJs的基本用法
weixin_47560495的博客
06-16 999
mockJs 什么是mockJs 文档 生成随机数据，拦截 Ajax 请求 为什么使用mockJs 在工作开发中，如果后端接口还未开发完成，难道我们就只能写静态页面了吗？所以前端为了不影响工作效率，我们自己手动模拟后端接口返回随机数据。 采用json数据模拟，生成数据比较繁琐，也比较有局限性，没办法达到增删改查 采用mockJs进行模拟数据，可以模拟各种场景（get、post）生成接口，并且随机生成所需数据，还可以对数据进行增删改查 使用mockJs 通过vue-cli创建基本项目 在项目中安装mo
Fetch的用法以及数据Mock
weeqe的博客
06-20 6923
fetch是一种可代替 ajax 获取/提交数据的技术，有些高级浏览器已经可以window.fetch使用了。相比于使用 jQuery.ajax 它轻量（只做这一件事），而且它原生支持 promise ，更加符合现在编程习惯。安装npm install whatwg-fetch --save，即可安装，为了兼容老版本的浏览器，还需要安装npm install es6-promise --savefe
Mock.JS拦截HTTP请求的问题
热门推荐
ZHANG DING的博客
03-05 1万+
Mock.JS拦截HTTP请求的问题 MockJS是一种比较通用的前端模拟HTTP请求及回复的工具，能够仿真处各类HTTP的请求及返回结果。实现在无后端的情况下，前端对于后端接口的仿真。Mock的基础使用也是比较简单：Mock.JS官网 但，在引入MockJS时， import Mock from 'mockjs' 会拦截所有前端发出的HTTP请求，无论是否使用Mock.mock开启Moc...
使用mockjs模拟数据
09-02
使用Mock.js可以方便地模拟数据。在Vue-cli项目中，可以通过引入相关模块和配置来使用Mock.js模拟数据。首先，在项目的main.js文件中引入mockserver.js模块，并让其执行一遍。这样可以确保Mock.js的相关配置得到正确的加载和初始化。然后，在需要使用模拟数据的地方，可以使用Mock.mock()方法来模拟接口的返回数据。例如，可以在一个接口请求的地方使用Mock.mock()来模拟轮播图的数据，通过传入一个对象来定义模拟的数据结构。这样，在开发过程中就可以使用模拟的数据来进行测试和调试，而无需依赖真实的后端接口。Mock.js还提供了丰富的数据生成规则和语法，可以根据需求来生成各种类型的模拟数据。使用Mock.js模拟数据可以提高开发效率，减少对后端接口的依赖，并且可以模拟各种不同的场景和数据情况，以便更好地测试和调试前端代码。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [使用mockjs模拟数据](https://blog.csdn.net/guhanfengdu/article/details/126021744)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [详解在vue-cli项目下简单使用mockjs模拟数据](https://download.csdn.net/download/weixin_38748769/12950790)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值