ant design mock接口配置

一、services/api.js

添加接口

export async function getDataCode(params) {
  return request('/mock/datamap/datacode/15');
}
複製代碼

二、mock文件夾下添加datamap.js文件

export const getDataCode = (req, res) => {
  res.json({
    code: 'success',
    data: {
      total: 100,
      list: [ {
        id: 2,
        name: '繳費流程',
        hasTemplate: true,
      }],
    },
  });
};

export default {
  getDataCode,
};

複製代碼

三、.roadhogrc.mock.js

import { getDataCode } from './mock/datamap';
複製代碼

proxy變量裏添加：

'GET /mock/datamap/datacode/15': getDataCode,
複製代碼

四、頁面文件裏使用接口

import { getDataCode } from '../../../services/api';
 
   showDrawer = (id) => {
   // mock 數據
   getDataCode({
     id: id,
   }).then((res) => {
     if (res && res.code === 'success') {
     /*  this.setState({
         historyKpis: (response.data.list || []).filter((item) => {
           return item.isPlanData === record.isPlanData;
         }),
         visible: true,
         title: record['指標名稱'],
       });*/
     console.log('res', res.data);
     } else {
       message.error('歷史數據未取到!');
     }
   });

   this.setState({
     visible: true,
   });
 }
複製代碼