umi搭建react+antd项目（三）Mock 数据--模拟数据

1.添加mockjs

yarn add mockjs

2.在mock目录下新建test.js

List|10，返回list，10条数据

@image，随机生成img的url链接，mock内置函数

import mockjs from 'mockjs';export default {'GET /api/img': mockjs.mock({'list|10': [{ src: '@image' }],})
};

3.访问：http://localhost:8000/api/img

关于Mock更多参数：https://github.com/nuysoft/Mock/wiki

umi搭建react+antd项目（三）Mock 数据--模拟数据相关推荐

umi搭建react+antd项目（四）axios请求数据
1.下载axios yarn add axios 2.在src下新建文件夹conf,再新增js文件:axiosConf.js import axios from 'axios'axios.defaul ...
umi搭建react+antd项目（一）环境配置
1.先创建文件夹,windows用户手动创建就行了 mkdir myReact && cd myReact 2.在myReact目下,执行脚手架命令,默认选择antd yarn cre ...
umi搭建react+antd项目（六）父子组件通讯
上一篇写了一个子组件,只是把值传入进来,这篇讲解在子组件修改父组件的数据 1.在index.js里,新增方法:updateImg 用于修改list集合 updateImg() {this.setSta ...
umi搭建react+antd项目（五）子组件编写
上一篇在index.js里面写了一个组件,不是很友好,我们现在分开写组件 1.新建component文件夹用于放置组件,src/component,新建list组件 import React, {Co ...
umi搭建react+antd项目（二）路由
1.我们在src下新增index2.js: import React, {Component} from 'react';export default class index2 extends Com ...
dva ajax请求,dva框架使用mock.js模拟数据 + fetch请求数据
what DVA? Dva是基于Redux做了一层封装,对于React的state管理,有很多方案,我选择了轻量.简单的Dva. dva 可以很方便就使用mock.js进行数据的模拟. 只需要三步,即 ...
mock模拟接口测试 vue_Easy Mock以及Vue+Mock.js模拟数据
Easy Mock以及Vue+Mock.js模拟数据一.Mock.js简介 Mock.js是一个可以模拟后端数据,也可以模拟增删改查操作的js库基础语法规范数据模板中的每个属性由 3 部分构成: ...
Mock.mock()生成模拟数据
在做前端项目时,如果没有测试数据,可以通过mock来生成模拟数据. Mock.mock( rurl?, rtype?, template|function( options ) ) 根据数据模板生成模 ...
mock数据(模拟数据)
目的:mockjs基本使用 mockjs可以模拟可更快的得到较为真实的数据,且可以拦截axios的接口调用,让我们的代码实现了调用接口的逻辑且得到模拟的数据,保存业务完整度.当然模拟数据有一定的规则请 ...

umi搭建react+antd项目（三）Mock 数据--模拟数据

umi搭建react+antd项目（三）Mock 数据--模拟数据相关推荐

最新文章

热门文章