当前位置: 首页 > news >正文

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

上文 React Dva项目中模仿网络请求数据方法 中,我们书写了Dva项目模拟后端数据的方式
但是 我们.roadhogrc.mock.js中的这个处理其实并不好用
在这里插入图片描述
我们还需要一个一个的引入

我们可以直接靠一段代码

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的文件
全部弄进来
然后我们再次启动项目
在这里插入图片描述
数据依旧能很顺利的拿到

http://www.lryc.cn/news/99415.html

相关文章:

  • 跨境独立站如何应对恶意网络爬虫?
  • C# SourceGenerator 源生成器初探
  • 网络安全/信息安全—学习笔记
  • 【Visual Studio】无法打开包括文件: “dirent.h”: No such file or directory
  • asp.net MVC markdown编辑器
  • 论文浅尝 | 预训练Transformer用于跨领域知识图谱补全
  • 算法工程师-机器学习面试题总结(2)
  • 低成本32位单片机空调内风机方案
  • 读发布!设计与部署稳定的分布式系统(第2版)笔记25_互联层之路由和服务
  • AI面试官:LINQ和Lambda表达式(二)
  • Mysql原理篇--第二章 索引
  • 保姆级系列教程-玩转Fiddler抓包教程(1)-HTTP和HTTPS基础知识
  • 【iOS】单例、通知、代理
  • 从Vue2到Vue3【五】——新的组件(Fragment、Teleport、Suspense)
  • PostgreSQL——sql文件导入
  • [SQL挖掘机] - 全连接: full join
  • SpringDataJpa 实体类—主键生成策略
  • 【LeetCode 算法】Parallel Courses III 并行课程 III-拓扑
  • 进行消息撤回功能的测试时,需要考虑哪些?
  • C语言动态内存管理(三)
  • 通过cmake工程生成visual studio解决方案
  • STM32CubeMX配置STM32G031多通道ADC + DMA采集(HAL库开发)
  • Vue入门项目——WebApi
  • 【电源专题】电量计参数RSOC/RM/FCC定义
  • 实际开发中,React应用常见问题【持续更新中】
  • HTML5前端开发工程师的岗位职责说明(合集)
  • Go编写服务监管程序
  • API商品详情:详尽呈现产品信息的利器
  • Cisco 路由器配置管理
  • java面试真题附参考答案【下册】