mock模拟数据 ,UmiJS构建项目

news/2024/12/15 14:08:29/

Mock是一个用于模拟数据的JavaScript库,可以根据需要生成各种数据类型的模拟数据,可以配合json server使用

并且可以使用拦截ajax请求来模拟后端API接口

JSON Server则是一个使用JSON文件来模拟RESTful API的工具

	=> 默认安装到运行环境: # npm i 模块名=> 安装到开发环境:# npm i 模块名 -D=> 安装到全局环境: # npm i 模块名 -gnpm i mock -D

模拟数剧:::

 报错mock.js

无法找到模块“mockjs”的声明文件。
“e:/Desktop/react/haha/node_modules/mockjs/dist/mock.js”隐式拥有 "any" 类型。尝试使用 `npm i --save-dev @types/mockjs` 
(如果存在),或者添加一个包含 `declare module 'mockjs';` 的新声明(.d.ts)文件ts(7016)
import Mock from 'mockjs'
// 使用 Mock
// var Mock = require('mockjs')
var data = Mock.mock({// 属性 list 的值是一个数组,其中含有 1 到 10 个元素'list|1-10': [{// 属性 id 是一个自增数,起始值为 1,每次增 1'id|+1': 1}]
})
// 输出结果
console.log(JSON.stringify(data, null, 4))

 

中文名字

name: '@cname'

省市区

address: 'county(true)'

邮箱

email: '@email'

生成占位图片

@image(100*100, @color)

base64图片编码是传递图片了,不是网络图片了

控制台右键复制数据,

粘贴到 jsonserver里,

如果格式挤压,就 shift + alt + f

或者:右键格式化文档

模拟接口:::

发送请求:

请求要小写:get post

UmiJS构建项目

只有发请求的库没集成:自己装个axios

配置路由 ,代理,

状态管理库,有点不一样,能接受。和vuex很像

异步方法:发请求


http://www.ppmy.cn/news/71514.html

相关文章

6年测试,不断磨炼升级打怪自动化测试,一路晋升他终于冲出月35k+

目录:导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结(尾部小惊喜) 前言 Python自动化测试&…

【计算机网络基础】选择专题③ 数据链路层

以下对于“碰撞检测”的描述中,错误的是( B )。 A. 缆段上连接的所有计算机属于一个“冲突域” B. “碰撞窗口”值等于D/V C. 在传播延迟的2倍时间内,冲突的数据帧可以传遍整个缆段 D. 单程端到端传播时延等于D/V 以下关于CSMA/C…

岗位分析与可视化系统(二)

四、页面信息以及后端 引用外部static文件 下载:文件 密码:1oeu views.py的相关库 from django.core.paginator import Paginator from django.shortcuts import render, redirect from myapp.models import User from .utils.error import * import hashlib from .utils im…

港联证券:机器人行业有望迎来整体性机会 六氟磷酸锂翻倍上涨

表示,当前AI调整的时间空间已接近13年水位,且调整的促发因素有望缓和,后续可积极一些。一方面,13年三次调整时间在40日以内、幅度在15%以内。当前AI调整已持续1个月、幅度在10%以上,时空已接近历史。另一方面&#xff…

数据结构-排序-(选择、堆排序、归并排序、基数排序)

目录 一、选择排序 二、堆排序 排序 效率分析 三、归并排序 排序 分析 四、基数排序 一、选择排序 思想:每趟在待排序元素中选取关键字最小的元素加入有序子列 不稳定性 空间复杂度:O(1) 时间复杂度: void swap(int &a,int &…

HTTP协议与TCP协议

HTTP协议 1. HTTP有哪些⽅法? HTTP 1.0 标准中,定义了3种请求⽅法:GET、POST、HEAD HTTP 1.1 标准中,新增了请求⽅法:PUT、PATCH、DELETE、OPTIONS、TRACE、CONNECT 2. 各个HTTP方法的具体作用是什么? 方…

二十、Zipkin持久化链路跟踪

目录 Zipkin持久化 使用mysql数据库持久化 1、创建zipkin数据库 2、启动zipkin使用以下脚本 3、访问接口(配置了sleuth链路跟踪) 使用ElasticSearch持久化 zipkin启动脚本 Zipkin持久化 Zipkin server默认会将追踪数据信息保存在内存中&#xff0…

借助TeeChart 图表控件,这家公司轻松创建了可视化图表看板

TeeChart for .NET是优秀的工业4.0 WinForm图表控件,官方独家授权汉化,集功能全面、性能稳定、价格实惠等优势于一体。TeeChart for .NET 中文版还可让您在使用和学习上没有任何语言障碍,至少可以节省30%的开发时间。技术交流Qqun&#xff1a…