如何使用mock.js制造假数据

最新推荐文章于 2022-02-23 17:13:10 发布
最新推荐文章于 2022-02-23 17:13:10 发布
阅读量468 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36245035/article/details/101469071
版权

1.首先肯定是安装mock.js，如npm i mock.js

2.然后创建mock.js跟main.js同级

3.然后在相应位置引入mock.js，这里我是在router/的index.js引入

4.引入就可以使用了，在这里我用axios请求进行测试。

5.安装axios,如npm i axios -D

6.引入axios，并且绑定在vue的原型链上，这样可以直接在vue文件通过this.axios调用

7.具体想要更多调用方式链接

14388299-b4ea84fa66351ca0.png


14388299-44d4f1d9b0ac941e.png
14388299-d7636540a6dfbf18.png
骚年008
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用mock.js提供模拟数据
03-29
简介: Mock.js is a simulation data generator to help the front-end to develop and prototype separate from the back-end progress and reduce some monotony particularly while writing automated tests
mock的使用
weixin_71403100的博客
03-28 1867
mock数据：是指通过模拟实际数据的请求和响应，来生成测试数据，从而提供给应用程序的测试、开发、联调等环节使用的一种技术。图片放置到public文件夹中【public文件夹在打包的时候，会把相应的资源原封不动打包到dist文件夹中】第六步：在统一管理api接口的index.js文件内，引入二次封装的mock请求，获取接口数据。第三步：在mock文件夹中创建mockServe.js文件，通过mockjs插件实现模拟数据。第五步：在api文件夹下新建mockIndex.js文件，用于模拟数据的axios请求。
理解mockjs并且怎么去使用mockjs
weixin_46419373的博客
11-24 664
今天发现个好的东西 参考链接：https://github.com/nuysoft/Mock/wiki （mockjs的详细讲解） 一. 什么是mockjs? 生成随机数据，拦截 Ajax 请求 二. 为什么要使用mockjs? 在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口， 1.我们可以使用json文件来模拟后台数据，但比较局限，无法模拟数据的增删改查 2.使用json-server模拟，但不能随机生成所需数据 3.使用mockjs模拟后端接口，可随机生成所需数据，.
js快速造些假数据
spray_wave的博客
10-17 861
使用new Array（）直接造，比如造100个，1~100的随机数 Math.floor(Math.random()*(1-100)+100)//1~100的随机数 let data = Array.from(new Array(100),(x,i)=>Math.floor(Math.random()*(1-100)+100)) console.log(data) //[ 96, 95, 10, 99, 9, 2, 83, 44, 26, 40, 71, 42, 23, 86, 73.
如何使用mockjs模拟假数据
Dzb1993的博客
02-23 2251
首先 使用 npm install mockjs --save 安装mockjs 插件 1. 在项目src目录下创建mock文件夹 2.在mock文件夹下准备要使用的json数据 3.把mock数据需要的图片放在public文件夹中【public文件夹打包的时候，会把相应的资源原封不动的打包到dist文件夹下】 图片存放在 public下面的images文件夹 ， 图片路径最开头的 / 代表public文件夹 4.创建mockServe.js文件，通过mockjs插件实现模拟数据 5.在入口文
如何使用mock.js生成假数据
热门推荐
goodgirl1991的专栏
06-17 1万+
在公司项目中，由于前端与后台通常一起开工，可作为jser的我，很多工作，是需要建立在后台返回数据的基础上去进行的，因此，大部分时间，代码都是在看不到效果，看不到数据的情况下编写出来，这就会导致在后台结束工作之前无法进行我的js代码的调试，无法看到js代码实现的效果。因此，公司项目在一定程度上来说，是后台程序员和jser串行而非并行进行工作，大大降低了工作效率。近日看到了mock.js这一模块，可以
mock.js实现模拟生成假数据功能示例
10-17
主要介绍了mock.js实现模拟生成假数据功能,结合实例形式分析了mock.js插件生成模拟数据的相关操作技巧,需要的朋友可以参考下
mock.js模拟数据实现前后端分离
10-16
主要为大家详细介绍了mock.js模拟数据实现前后端分离，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
10-22
Mock.js这个JavaScript库最常见的用法便是被用来拦截AJAX请求,well,这里我们就来看一下Node.js服务器环境下使用Mock.js拦截AJAX请求的教程:
使用mockjs创建假数据
chenxiang0708的博客
08-19 924
npm install mockjs 创建mock文件夹,在mock文件夹下创建1.js 1.js import Mock from 'mockjs' // 引入mockjs export default Mock.mock('/postdata1','post',{ success: true, message: '@cparagraph', // 属性 list 的...
假数据---mock数据的方法
Iwokei的博客
05-24 1464
mock 数据的好处 不用等，可以同时开发，前后端人员只需要定义好接口文档就可以开始并行工作，互不影响，只在最后的联调阶段往来密切； 可以模拟那些无法访问的资源。比如说，你需要调用一个“墙”外的资源来方便自己调试，就可以自己Mock一个。 可以用来演示，假如我们需要创建一个演示程序，并且做了简单的UI，那么在完全没有开发后端服务的情况下，也可以进行演示。 方式一： 安装Node.js ，通过...
vue 使用mockjs造假数据
a576837179的博客
12-30 905
什么是Mock.js? 生成随机数据，拦截 Ajax 请求。 通过随机数据，模拟各种场景；不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据；支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等；支持支持扩展更多数据类型，支持自定义函数和正则。优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型。 使用步骤： 1.先安装mockjs npm install mockjs --save-dev 2.在src目录下创建mock文件夹，并创建index.js文件,拦截axio
mock.js获取假数据
Carson的专栏
09-03 1103
直接弄个html，粘贴保存后，用浏览器控制台就能直接看到效果 更多其它示例请访问官网文档：http://mockjs.com/examples.html  <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont
mock.js模拟假数据
Mr.Yuan
12-02 4232
mock使用方法很简单, 下面是简单的用法, 详细的用法可以看官方文档, 写的很清楚, 下面的代码直接拷贝到本地html文件, 双击打开即可生成你想要的数据<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>
mockjs+axios模拟后台假数据
Caristop3_走在前端这条大道上
03-11 1295
mockjs官网 这里只是参考官网和网上资料配合axios摸了下mockjs 逻辑就是：组件内请求数据 -&gt; axios请求 -&gt; mock匹配地址（若是则返回被随机生成的模板数据） 安装mock和axios npm install mockjs --save npm install axios --save main.js中引入 import Vue from 'vue' i...
Mock | MockJS 的安装以及基本语法
兀坐晴窗独饮茶
03-27 1761
MockJS 的入门以及安装 1. 安装 NodeJS // 创建 Mock 目录，先安装 node 下的 mock.js； npm install mockjs 2. 运行官网示例代码 创建一个 js 文件，键入官网示例代码： //引入 mock.js，相当于 src=mock.js const Mock = require('mockjs'); const data = Mock.mock({ // 属性 list 的值是一个数组，其中含有 1 到 10 个元素 '
轻松获取mock.js数据
weixin_43628078的博客
02-05 946
为什么要使用mock.js？ 在前后端分离的情况下，前端想要独立进行调试，没有测试数据怎么可以呢！mock.js正是解决这个问题。mock.js能够生成随机数据，拦截 Ajax 请求，使用mock.js生成模拟数是非常好的选择。 我在接触mock.js时也是遇到了很多问题，例如：在服务器生成数据、获取数据时遇到跨域问题等等。当时搜了很多资料，浏览了一些文章，最后也顺利解决了。今天就在这个跟大家一起分享下。 我是在node.js环境下使用mock.js生成数据的。 首先需要安装node.js，这里就不介绍了，
前端如何使用mock数据
sslcsq的博客
05-14 2422
首先呢简单介绍下mock数据，目前在公司开发项目时，都是前，后端同时开发 mock数据：模拟数据（俗称造假数据） 模拟数据： 前提： 1.前端和后端沟通好数据结构（也称对接口） 2.接口文档：通常接口文档查阅要传递的url,传递的参数，提交方式，返回数据结构 mockjs 官方文档：https://github.com/nuysoft/Mock/wiki 官方示例:http://mockjs.com/examples.html Mock.mock(生成的json数据) // 属性名 name // 生成
如何使用Mock.js来mock动态生成数据
最新发布
03-29
Mock.js的核心是数据模板，它是一个JavaScript对象，用来描述Mock数据的结构和类型。例如，以下是一个简单的Mock数据模板： ``` var data = { name: '@cname', // 随机生成中文名字 age: '@integer(18, 60)', // ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值