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

全部弄进来

然后我们再次启动项目

数据依旧能很顺利的拿到

相关推荐
十盒半价14 分钟前
深入理解 React 中的 useState:从基础到进阶
前端·react.js·trae
轻语呢喃16 分钟前
Babel :现代前端开发的语法转换核心
javascript·react.js
归于尽19 分钟前
别让类名打架!CSS 模块化教你给样式上 "保险"
前端·css·react.js
蜡笔小欣丫38 分钟前
USB导出功能(QT)
开发语言·qt
凤凰AI1 小时前
Python知识点4-嵌套循环&break和continue使用&死循环
开发语言·前端·python
Dxy12393102161 小时前
Python适配器模式详解:让不兼容的接口协同工作
开发语言·python·适配器模式
Lazy_zheng1 小时前
虚拟 DOM 到底是啥?为什么 React 要用它?
前端·javascript·react.js
多啦C梦a1 小时前
前端按钮大撞衫,CSS 模块化闪亮登场!
前端·javascript·面试
今晚打老虎1 小时前
让黑窗口变彩色:C++控制台颜色修改指南
开发语言·c++
FogLetter2 小时前
受控组件 vs 非受控组件:React表单的双面哲学
前端·react.js