uniapp 使用 mockjs

• 使用原因
  • 前端可以不用等后端接口完成即可对接页面接口。
• 安装相关依赖

//uniapp 需使用 better-mock
npm i better-mock

• 官方文档

  mockjs

• 具体使用

  • 首先对其进行封装 url 前缀+返回的参数类型

  import Mock from 'better-mock/dist/mock.mp.js';
  import baseConfig from '@/static/config/index';
  // 封装添加前缀url
  export default (a, b, c) => {
  	const data = Mock.mock(baseConfig.baseUrl + a, b, {
  		status: '200',
  		msg: 'success',
  		...c,
  	});
  };

  • 可以写死返回参数也可以动态生成，参数之间没有什么计算逻辑关系的话建议动态生成，要是之间有很多逻辑关系还是建议写死。

  import Mock from './mock.js';
  
  export const mockSleep = () => {
  	Mock('/api/test', 'GET', {
  		'list|1-10': [
  			{
  				'id|+1': 1,
  			},
  		],
  	});
  };