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

全部弄进来

然后我们再次启动项目

数据依旧能很顺利的拿到

相关推荐
你怎么知道我是队长10 分钟前
JavaScript 事件介绍
开发语言·前端·javascript
CodeStats15 分钟前
【Linux IO】从文件描述符到硬件中断:Linux IO 系统底层完全拆解
java·linux·开发语言·io·socket
着迷不白34 分钟前
Linux系统故障修复、日志管理与安全加固实战指南
开发语言·php
贺国亚44 分钟前
A2A协议与Agent互操作-Task生命周期
开发语言·qt
炸薯条!1 小时前
从零开始学C++(4) --类和对象
开发语言·c++·算法
渡我白衣1 小时前
打印宏与socket模块设计
java·linux·开发语言·c++·ide·人工智能·eclipse
Wang's Blog1 小时前
Go-Zero框架上手前奏2: 微服务核心要素 —— 拆分、通信与无状态设计
开发语言·微服务·golang
To_OC9 小时前
别再串行写 await 了,Promise.all 才是并行请求的正确打开方式
前端·javascript·promise
To_OC10 小时前
LC 17 电话号码的字母组合:我的回溯算法,就是从这道题开窍的
javascript·算法·leetcode