React Dva项目中.roadhogrc.mock.js直接自动导入mock目录下所有文件方式

上文 React Dva项目中模仿网络请求数据方法 中,我们书写了Dva项目模拟后端数据的方式

但是 我们.roadhogrc.mock.js中的这个处理其实并不好用

我们还需要一个一个的引入

我们可以直接靠一段代码

javascript 复制代码
import fs from 'fs';
import path from 'path';
const mock = {}
fs.readdirSync(path.join(__dirname, 'mock')).forEach(function (file) {
    if (file.match(/\.js$/)) {
        Object.assign(mock, require('./mock/'+ file))
    }
})
export default mock;

这就是一个读流的方式

获取mock目录下的所以文件 然后找出后缀为 .js的文件

全部弄进来

然后我们再次启动项目

数据依旧能很顺利的拿到

相关推荐
前端炒粉13 分钟前
长会话虚拟滚动与渲染优化
前端·javascript·vue.js
何以解忧,唯有..15 分钟前
Python 线程编程:从入门到实战
开发语言·python
谙忆102425 分钟前
图片裁剪总是跑偏?用 object-fit、object-position 和真实像素把坐标对齐
javascript·css·图像识别
花归去1 小时前
ant的a-table更改表格的高度
前端·javascript·html
sibylyue1 小时前
基于 Vben Admin 框架的 Vue 3 前端项目配置文件及常用命令
前端·javascript·vue.js
SomeB1oody1 小时前
【RustyML入门】7.2. 深入模型持久化
开发语言·后端·机器学习·rust·教程
yaoxin5211231 小时前
502. Java 反射 - 编写 MessageInterceptor 类
java·开发语言
wuyk5551 小时前
Python零基础入门第五章:元组Tuple(不可变容器详解、列表与元组区别)
开发语言·python
三8441 小时前
PHP 污点分析绕过实战:CURL、get_meta_tags 与 fpm_get_status 引入非预定义污点源
开发语言·php