要实现部署 Ant Design Pro 后不调用API的功能,你可以使用 Mock 数据来模拟API的返回结果。这样在开发环境中就不需要真正的API调用。
下面是一个示例解决方法:
npm install mockjs --save-dev
import mockjs from 'mockjs';
export default {
'GET /api/users': mockjs.mock({
'list|10': [
{
name: '@cname',
'age|18-60': 1,
'gender|1': ['男', '女'],
},
],
}),
};
这个例子中,我们使用 mockjs 来模拟 GET /api/users 接口的返回结果。
import { createFromIconfontCN } from '@ant-design/icons';
import { mockXHR } from 'mock';
// 将 mockXHR 函数作为参数传递给 mockjs,启用模拟数据
mockXHR();
// 其他代码...
这样在开发环境中,当你访问 GET /api/users 接口时,就会返回 mock.js 中定义的模拟数据。
请注意,这种方式只适用于开发环境,生产环境中还是需要调用真正的API。另外,你还可以根据自己的需求在 mock.js 文件中添加更多的模拟接口。