您好,欢迎来到外链网!
当前位置:外链网 » 站长资讯 » 专业问答 » 文章详细 订阅RssFeed

mock工具开发,mock数据库操作

来源:互联网 浏览:63次 时间:2023-04-08
MOCK,js(使用方法)

mockjs官网:http://mockjs.com/

mockjs官方文档:https://github.com/nuysoft/Mock/wiki/Getting-Started

具体使用方法

第一步 安装mockjs

npm install mockjs

第二步 创建一个mock目录生成mock数据

例如:course.jsimport Mock from "mockjs";//mock课程数据var result=Mock.mock({ code: 200, msg: "操作成功", data: { current_page: 1, last_page: 18, total: 178, "list|10": [ { id: "@id", //模拟id "price|100-200.1-2": 100, //模拟小数,在计算机中也称浮点数 "has_buy|1": [0, 1], //模拟状态值,0,1,2, title: "@ctitle", //模拟中文标题 address: "@county(true)", //模拟省市县 "teachers_list|1": [ { course_basis_id: "@id", id: "@id", teacher_avatar: "@image('150x120', '#ff0000', '1909A')", //模拟图片 teacher_name: "@cname" //模拟中文姓名 } ] } ] }});export default result;//创建mock的入口文件,并配置请求的接口地址,提交方式,返回的假数据import Mock from 'mockjs'//导入的模拟数据import courseData from "./course";/** * Mock.mock( rurl, rtype, template ) * rurl:请求的接口地址 * rtype:提交方式 * template:返回数据 */Mock.mock("http://www.1909A.com/coureslist", "get", courseData);

? 第三步:将模拟的数据注入到main.js

//注入mockimport './mock'

yarn lint

第四步:在要请求的组件中请求数据

axios.get('http://www.1909A.com/coureslist').then(res=>{ console.log(res) }) easy-mock:基于mockjs生成在线假数据