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的文件

全部弄进来

然后我们再次启动项目

数据依旧能很顺利的拿到

相关推荐
zhougl99613 分钟前
Java内部类详解
java·开发语言
Grassto14 分钟前
11 Go Module 缓存机制详解
开发语言·缓存·golang·go·go module
代码游侠24 分钟前
学习笔记——Linux内核与嵌入式开发3
开发语言·arm开发·c++·学习
摘星编程37 分钟前
OpenHarmony + RN:ProgressBar进度条组件
javascript·react native·react.js
怎么没有名字注册了啊37 分钟前
C++ 进制转换
开发语言·c++
代码游侠40 分钟前
C语言核心概念复习(二)
c语言·开发语言·数据结构·笔记·学习·算法
冰暮流星43 分钟前
javascript之双重循环
开发语言·前端·javascript
爱敲点代码的小哥1 小时前
C#视觉模板匹配与动态绘制实战(绘制和保存,加载tb块,处理vpp脚本的方式)
前端·javascript·信息可视化
墨月白1 小时前
[QT]QProcess的相关使用
android·开发语言·qt
小小码农Come on1 小时前
QT信号槽机制原理
开发语言·qt