Mock.js(mock-server.js)
Mock.js(mock-server.js),本文通过数据整理汇集了Mock.js(mock-server.js)相关信息，下面一起看看。
Mock.js官网：首页：
1.下载并安装Mock.js，下载mock.js文件。
执行npm install mock模块项目路径下的命令：npm install mock。
2.1.Mock.js使用demo(模式1)文件结构，如图所示：
以下是文件代码：
index.html
!DOCTYPE html html lang=en head meta charset=UTF-8 Title Title/Title/head body！- mock.js依赖jQuery和require . js-script src=jquery-1.11.1.js/scriptscriptsrc=require.js/script!-mock-1 . js是mock js-script src=mock-1.js/script/body/html1的演示文件
2
3
4
5
6
7
8
9
10
11
12
13
14
15
模拟-1.js
//配置模拟路径require . config({ paths:{ Mock:Mock } })；//Load mockRequire ([mock]，function (mock) {/*第一部分与第二部分无关*//第一部分* *///mock . mock(template)///数据模板vardata=mock . mock({ list | 1-10:[{ ID | 1//打印在body $ (pre)上)。Text (json.stringify (data，null，4))。追加到(body/* Part II *//mock.mock (rurl，template) mock.mock (/。json/，{//匹配。json文件列表|1-10: [{ //数据模板ID | 1: 1，email: @ email，regexp3:/ d {5，10 }/}]})；$.ajax({url: hello.json，//请求访问json文件，拦截hello.json的请求，返回模拟数据模板中的数据数据类型：json})。Done (function (data，status，jqxhr){//获取模拟数据模板中的数据，Print $ (pre)。text (json.stringify (data，null，4))。在正文上追加到(body })})；数字一（one）
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
2.2.Mock.js使用demo (mode 2)文件结构，可以同上：
以下是文件代码：index.html
!DOCTYPE html html lang=en head meta charset=UTF-8 Title Title/Title/head body script src=mock . js/script！- mock-2.js是mock js-script src=mock-2.js/script/body/html1的演示文件
2
3
4
5
6
7
8
9
10
11
12
13
14
15
模拟2.js
Mock.mock(/。json/，{//匹配。json文件，可执行参数表|1-10: [{ //数据模板ID | 1: 1，email: @ email，regexp3:/ d {5，10 }/} })；发送数据(URL) {$。ajax ({URL: URL，datatype: JSON})。done (function (data，status，jqxhr){//获取模拟数据模板中的数据，Print $ (pre)。text (json.stringify (data，null，4))。追加到(body})}发送数据(hello.json1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
3.index.html运行结果截图：
注意：mock.js的本质是改变jquery、zepto等库的请求文件的前缀。代码的实现已经更改，可能会有影响请求的结果。实际上，mock.js的请求还没有发出。
Gulp-mock插件：请求被发送但被拦截，不影响代码的实际实现。
文章最终发表于：2018年6月21日。这个网站是一个提供个人知识管理的网络存储空间。所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请一键举报。
更多Mock.js(mock-server.js)相关信息请关注本站，本文仅仅做为展示！
