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

这篇具有很好参考价值的文章主要介绍了React Dva项目中.roadhogrc.mock.js直接自动导入mock目录下所有文件方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

上文 React Dva项目中模仿网络请求数据方法 中,我们书写了Dva项目模拟后端数据的方式
但是 我们.roadhogrc.mock.js中的这个处理其实并不好用
React Dva项目中.roadhogrc.mock.js直接自动导入mock目录下所有文件方式,javascript,react.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的文件
全部弄进来
然后我们再次启动项目
React Dva项目中.roadhogrc.mock.js直接自动导入mock目录下所有文件方式,javascript,react.js,开发语言
数据依旧能很顺利的拿到文章来源地址https://www.toymoban.com/news/detail-606461.html

到了这里,关于React Dva项目中.roadhogrc.mock.js直接自动导入mock目录下所有文件方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【JS每N日一练】【自动化】gitcode创建子项目并导入git

    需求 github访问时好时不好的,而且克隆代码及其麻烦,经常失败。所以小编往往是把代码先在国内做个镜像,然后再下载。 gitcode 目前使用还是挺方便的,今天就以gitcode为例,写两个脚本,加速代码下载。 手动操作 注册并登录自己的仓库主页:https://gitcode.net/dashboard/proje

    2024年02月03日
    浏览(42)
  • React Dva修改路由设置,不要井号

    我们Dva项目的路由 他默认是设置了带井号的这种 其实我觉得到还可以 但是有些人会觉得不太美观 如果 你想去除他 那么 你先要在终端执行 将 history 引入进来 装好之后 我们来到src下的 index.js 加上如下代码 但是 你要记得将原来 app dva的操作去掉 因为你这里有了 然后 我们运

    2024年02月13日
    浏览(26)
  • React Dva 操作models中的subscriptions讲述监听

    接下来 我们来看一个models的属性 之前没有讲到的subscriptions 我们可以在自己有引入的任意一个models文件中这样写 这样 一进来 这个位置就会触发 这里 我们可以写多个 然后 我们运行后会发现 他们都是可以触发的 这里 我们可以用它来监听一些东西 然后触发我们models中的函数

    2024年02月14日
    浏览(51)
  • 在React中使用公共文件夹public,导入js

    在React中, %PUBLIC_URL% 代表: public的文件夹的绝对路径。 如果在index.html中,你可以像这样去使用它: 只有前缀public可以访问文件夹中的文件 %PUBLIC_URL% 。如果需要使用src或中的文件node_modules,则必须将其复制到那里以明确指定将此文件作为构建的一部分的意图。 当运行npm

    2024年02月11日
    浏览(43)
  • Dva.js(基础、简单例子解读)

    简单介绍一下        近期在做react项目时,看到项目中数据的公共存储用的Dva.js,整体的代码结构看起来和vuex差不多,这两天趁着刚忙完,利用工作之余的时间空隙,大致了解了dva的基础理论,代码结构应用,参考着其他优秀的技术大神博主,今天也做个大致的整理。 大致

    2023年04月18日
    浏览(31)
  • React框架课时二认识项目的结构目录一

    ├── README.md 使用方法的文档 ├── node_modules 所有的依赖安装的目录 ├── package-lock.json 锁定安装时的包的版本号,保证团队的依赖能保证一致。 ├── package.json ├── public 静态公共目录 └── src 开发用的源代码目录 2 图片的演示如图所示 README.md 使用方法的文档

    2024年02月02日
    浏览(78)
  • 微信小程序导入项目报错:在项目根目录未找到app.json

    1.首先确定是不是导入到项目的上层目录了。 比如导入的文件是这样的:wechatsmallcourse... smallcourse里面就是app,json等项目文件,导入项目需要选择smallcourse文件夹,而不是wechat文件夹   2. 确保第一步正确,如果报下面的错: : 则照提示,打开project.config.json 把\\\"miniprogramRoot\\\": 

    2024年02月11日
    浏览(44)
  • React项目规范:目录结构、根目录别名、CSS重置、路由、redux、二次封装axios

    先创建项目: create-react-app 项目名 ,然后换个图标,换个标题 配置 jsconfig.json :这个文件在Vue通过脚手架创建项目时自动生成, React是没有自动生成, jsconfig.json 是为了让vs code的代码提示更友好, 按需求决定是否配置; 对 src 文件夹的目录进行初始化: 1、安装craco: npm install

    2023年04月08日
    浏览(51)
  • 【实战】React 实战项目常见报错 —— 直接使用 ref, 报错:react can not set ref string for ...

    react 中直接使用 ref, 报错: Refs 提供了一种方式,允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 Refs 是一种非常特殊的属性,你可以用来绑定到 render() 输出的任何组件上去。这个特殊的属性允许你引用 render() 返回的相应的支撑实例( backing instance )。这样就可以

    2024年02月09日
    浏览(37)
  • window系统配置PCL的简化方法(不需要复制一百多个依赖项目名称,直接导入配置表)

    百度网盘: 链接:https://pan.baidu.com/s/1WQQ8kaDilaagjoK5IrYZzA  提取码:1111  注意:直接解压在E盘!!!!! 不解压在E盘也可以,后续替换环境变量和属性表文件内的地址就行(props文件)   点击电脑 设置 搜索编辑系统环境变量 点击Path 添加如下变量 E:PCL1.11.0bin E:PCL1.11.03rdP

    2024年02月09日
    浏览(35)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包