mock基本使用

手机游戏开发者 · 2024-9-22 01:45:20

一、mockjs界说

拦截ajax哀求，天生伪数据
应用场景:在工作中,后端已经出接口文档,还没有实今世码
由前端依照接口文档模拟伪数据,实现前端开发功能

二、mockjs安装

npm i mockjs -D三、mockjs使用

1界说/mock/index.js

import Mock from 'mockjs'Mock.mock(" /api/feed",{json数据})

2在main.js导入

import '../mock/index.js'

此时发送ajax哀求访问/api/feed就会被mock拦截，获取到json模板对应的虚拟数据，而且在浏览器的network之中看不到发起的哀求，假如必要在network中看到发起的哀求可以使用devserve拦截哀求，仅使用mock天生模拟数据

四、mockjs方法

mock(data)mock(url,data)mock(url,type,data)mock(url,type,function)data：数据url：拦截所在(可以是正则)type：拦截哀求范例(post,get,put,delete),默认get哀求function：通过函数返回数据,参数用config 哀求的配置五、mockjs语法

"id":"@id""star|1-2":"⭐" 字符串重复1-2次"price|100-200.2-3”小数点2-3位"data | 10"";[{name:"名称")]数组的内容重复10遍"live | 1":true,随机返回true,false"tel":/13\d{9}/ 手机号码"des":function(){ return this.start+this.price}"name":"@cname" 表示中文名称"address":"@country(true)" 所在"description":"@cparagraph(1，3）”随机段落2-3行"pic"

datalmage(200x100）;图示"更多语法示例可以到官网的示例中：http://mockjs.com/examples.html

mock基本使用

浏览过的版块

所属分类: 问答交流

新帖推荐: 30日

推荐作品