拦截请求返回模拟数据;

整合到 uni-app 项目

安装 better-mock

mockjs 不支持小程序, better-mock在mockjs基础上优化并支持小程序; 详情: GitHub

  1. yarn add better-mock -D

在uni-app项目中使用

src文件夹下新建 mock 文件夹（所有的mock 文件都在该目录下面）

  1. # 在 mock.ts 中引用 better-mock, 并导出需要使用的模块
  2. // #ifdef H5
  3. import Mock from "better-mock";
  4. // #endif
  5. // #ifndef H5 || APP-PLUS
  6. import MockMp from 'better-mock/dist/mock.mp.js';
  7. // #endif
  9. let MOCK;
  10. // #ifdef H5
  11. MOCK = Mock;
  12. // #endif
  13. // #ifndef H5 || APP-PLUS
  14. MOCK = MockMp;
  15. // #endif
  17. export const { mock, Random } = MOCK;
  1. # 在 index.ts 中引入所有的mock
  2. import "./index/index";
  3. import "./user/user";

在 main.ts 文件中引入 mock

  1. import Vue from 'vue';
  2. import App from './App.vue';
  3. # 引入 mockjs 的具体模拟数据接口（注释掉改行即可禁用mockjs）
  4. import "./mock/index.ts";
  6. Vue.config.productionTip = false;
  8. const app = new Vue({
  9.     render: (h: (arg0: any) => any) => h(App)
  10. });
  11. app.$mount(); //挂载Vue实例

参考资料

mockjs 官方文档