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

上文 React Dva项目中模仿网络请求数据方法 中,我们书写了Dva项目模拟后端数据的方式
但是 我们.roadhogrc.mock.js中的这个处理其实并不好用
React Dva项目中.roadhogrc.mock.js直接自动导入mock目录下所有文件方式_第1张图片
我们还需要一个一个的引入

我们可以直接靠一段代码

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的文件
全部弄进来
然后我们再次启动项目
React Dva项目中.roadhogrc.mock.js直接自动导入mock目录下所有文件方式_第2张图片
数据依旧能很顺利的拿到

你可能感兴趣的:(javascript,react.js,开发语言)