roadhog配置mock数据、服务代理

本文介绍了如何使用roadhog工具进行mock数据的配置和设置服务代理。通过创建.roadhogrc.mock.js文件来定义mock数据,以及在.mock文件夹下编写具体的mock数据文件。同时,讲解了配置服务代理的步骤,通过.webpackrc文件设置代理规则,以便在项目中顺利获取远程API数据。
摘要由CSDN通过智能技术生成

roadhog 是一个 cli 工具,提供 server、 build 和 test 三个命令,分别用于本地调试和构建,并且提供了特别易用的 mock 功能。命令行体验和 create-react-app 一致,配置略有不同,比如默认开启 css modules,然后还提供了 JSON 格式的配置方式.
用roadhog快速的构建了一个项目,因为要用到mock数据,所以在这里做了一下笔记。

  1. 首先在根目录上建一个.roadhogrc.mock.js的文件,代码如下:
const fs=require('fs');
const path=require('path');
const mockPath=path.join(__dirname+'/mock');
 
const mock={};
fs.readdirSync(mockPath).forEach(file=>{
    Object.assign(mock,require('./mock/'+file));
});
module.exports=mock;
  1. 在根目录上建一个mock的文件夹,里面就可以写各种mock数据了,例如我建立了一个business.js,代码如下:
export default {
   "GET /api/getBranchOfficeList/orgId=0": [
       {
           "code": "123456",
           "name": "黑龙江省",
           "parentId": 1,
        
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值