美文网首页
antd pro 使用mock

antd pro 使用mock

作者: BOB_BI | 来源:发表于2021-10-14 15:26 被阅读0次

在mock文件下创建mock数据

import mockjs, { Random } from 'mockjs';

export default {
  // 使用 mockjs 等三方库
  'GET /api/portal/site/portal/api/getTenantList': mockjs.mock({
    'list|100': [{ name: '@city', 'code|1-100': 50, 'type|0-2': 1, requestId: Random.guid() }],
  }),
};

修改代理文件

//  config/proxy.js  添加
mock: {
    '/api/': {
      target: '/',
      changeOrigin: true,
      pathRewrite: {
        '^/api': '',
      },
    },
  },

修改package.json,添加mock环境

    "start:mock": "cross-env UMI_ENV=dev umi dev",

yarn start:mock 启动项目就可以使用mock数据了

相关文章

  • antd pro 使用mock

    在mock文件下创建mock数据 修改代理文件 修改package.json,添加mock环境 yarn star...

  • Ant Design Pro 使用点点滴滴

    1、有用的Mock antd pro在本地开发环境下start时就提供了mock环境了,在根目录的mock里可以定...

  • antd pro v2模拟数据切换

    在antd pro中使用了mock数据,好处是只需要跟后端开发人员沟通好数据格式而并不需要等他们写好接口。我们在a...

  • 记录react

    一、框架使用 antd pro component - EditableProTable 表单重置 受控情况之下,...

  • qiankun + antd pro(父子应用都用antd pr

    qiankun + antd pro(父子应用都用antd pro) menu 等样式的适配处理 作者:Flapp...

  • CKEditor5的入门使用(react)

    没有前言,开始讲解。 使用环境: 基于react的antd-pro框架,这部分受antd的影响较小(仅部分表标签)...

  • antd pro 使用小结

    前序准备 你的本地环境需要安装 node 和 git。技术栈基于 ES2015+、React、dva、g2 和 a...

  • 微信开发工具连接本地开发环境

    使用umi+dva+antd-mobile方案 创建并进入项目目录makdie project && cd pro...

  • 一个Mobx版的Antd Pro

    一个精简版的基于 mobx 的 Antd Design Pro:antd-pro-mobx 预览 为什么做这个项目...

  • 一、环境搭建

      首先,介绍一下Antd-design-pro,以下简称Antd-pro(不想多敲那几个),好吧,进入正题,借用...

网友评论

      本文标题:antd pro 使用mock

      本文链接:https://www.haomeiwen.com/subject/hbkleltx.html