Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：
-
根据数据模板生成模拟数据
-
模拟 Ajax 请求，生成并返回模拟数据
-
根据基于HTML的模板生成模拟数据
Mock.js 正在参加 2021 年度 OSC 中国开源项目评选，请投票支持！
Mock.js 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票，请投票支持！
2021 年度 OSC 中国开源项目评选 正在火热进行中，快来投票支持你喜欢的开源项目！
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Mock.js 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
-
概览
-
资讯
-
博客
-
问答
软件简介
代码
暂无内容
2020/01/17 14:52
2020-01-17 react-mockjs 使用 最近参加了公司的一个新的项目，前后端同时开发，这时后端提供不了前端接口，那么就要靠咱们前端自己mock数据啦。 用到mock 数据的工具是 mockjs ，就是这个。 这里是github地址：https://github.com/nuysoft/Mock/wiki/Getting-Started # 安装 npm install mockjs # 导入 mockjs import mockjs from 'mockjs'; const proxy = {'GET /api/getuser': (req, res) => res.send(mockjs.mock({ // /...
2020/09/11 12:06
什么是mockjs 前后端分离（让前端攻城师独立于后端进行开发） 增加单元测试的真实性（通过随机数据，模拟各种场景） 开发无侵入（不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据） 用法简单（符合直觉的接口） 数据类型丰富（支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等） 方便扩展（支持支持扩展更多数据类型，支持自定义函数和正则） 安装 npm install mockjs 使用 Mock var Mock = ...
2020/09/11 09:20
mockjs 1.作用 在做开发时，当后端的接口还未完成，前端为了不影响工作效率，手动模拟后端接口， 2.使用方法 npm install mockjs --save-dev // 引入 Mock var Mock = require('mockjs') // 定义数据类型 var data = Mock.mock({ // 20条数据 "data|20": [{ // 商品种类 "goodsClass": "女装", // 商品Id "goodsId|+1": 1, //商品名称 "goodsName": "@ctitle(10)", //商品地址 "goodsAddr...
发表于大前端专区
2019/02/15 13:58
自行项目内安装mockjs npm i mockjs --save-dev 1、在src同级目录添加mock-server文件夹内涵3个文件如下 index.js //假接口入口配置文件 userInfo.json //接口demo json 详细看mockjs文档 util.js //读取json配置 2、webpack.dev.conf.js内配置 devServer:{ proxy: config.dev.proxyTable,//参照位置 ... before: require('../mock-server'), //添加 ... } 3、util.js const fs = require('fs'); const path = r...
2018/07/15 21:19
最近工作有用到mockjs模拟数据，实现前后端分离，今天系统的把mockjs的API都过了一遍，算是入门吧。 什么是mockjs mockjs就是一个模拟数据，生成随机数据，拦截ajax请求。 为什么使用mockjs 1、后端给不了数据 2、数据太长，将数据放在js文件里面，完成后挨个改url 3、还原真实数据 4、特殊格式 ip 随机数 图片 地址 5、分页显示 mockjs基本语法（require.js） 参考index.html 语法规则 1、数据模板定义规范 "name|ru...
发表于大前端专区
2020/03/24 19:30
前言 在前后端分离的时代，项目开发测试中我们常常因为前后端完成模块功能时间不一致而导致开发效率的降低，尤其是需要接口对接之时。鉴于此， MockJs应时而生，对此痛点予以重击。 本篇案例则属于一个简单的示范案例，在脱离后端（在没与后端联调前）怎么自己模拟数据来调试前端内容。 一、 效果图 先看效果图： 二、 简介 1. 地址 官网 http://mockjs.com/ 示例 https://github.com/nuysoft/Mock/wiki 2. 资源 官网资源 ...
发表于大前端专区
2019/01/10 17:32
mockjs可以非常方便的模拟后端的数据,方便前端开发，本例子使用vue开发 ## 安装 + npm install mockjs --save-dev + npm install axios --save ## 目录结构 + src/mock //mock文件存放目录 + src/mock/index.js //mock文件导出文件 + src/mock/user.js //user相关模拟数据 ## src/mock/user.js 用户相关模拟数据 ``` import Mock from "mockjs"; // 引入mockjs const Random = Mock.Random; // Mock.Random 是一个工具类，用于生...
2019/02/18 10:02
mockjs主要有两种语法规范： 数据模板定义规范DTD && 数据占位符定义规范DPD； 数据模板中的每个属性由三部分组成： 属性名、规则、属性值； 属性名和规则之间用 “|” 进行分割；生成规则是可选的，一共有七种规则，但是规则的含义具体要根据属性值来进行确定，不同的属性值对应的规则含义是不同的；属性值中可以包含 @占位符，并且属性值还指定了最终值的初始值以及类型； 我们在实际的应用中，属性值...
2019/08/14 15:26
相信很多前端同学都有一个困扰，就是没有后端数据的情况下感觉很多想法都不能动手去实现，这里介绍一个模拟后端数据的工具，可以一定程度上解决我们的困扰。 很多人或多或少的都听说过mockjs，都知道是一个模拟后端接口的工具，但是去看官网的时候上边各种安装，各种模块化，对于初学者很不友好，结果就这么放弃了。 下边的例子直接复制粘贴然后打开页面控制台就能看到效果，结合代码就能知道大概mockjs是做了什么事了 <!DOCTYP...
没有更多内容
加载失败，请刷新页面
发表于AI & 大数据专区
2019/02/20 09:53
vuecli3 如何配置mock.js，只需要开发环境使用mock.js 打包生产环境的包不需要用mock。js
没有更多内容
加载失败，请刷新页面
软件作者
深圳市奥思网络科技有限公司版权所有
粤ICP备12009483号
评论 (1)