(共556篇)
全部分类

如何在UniApp中使用Mock数据
[ Uniapp ] 

在项目根目录下安装better-mock

1
npm i better-mock

/src目录中创建mock/index.js文件,并引入better-mock,这里要注意的是小程序中要引入better-mock/dist/mock.mp.js,否则会抛出错误

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
// #ifdef H5
import Mock from 'better-mock';
// #endif

// #ifdef MP-WEIXIN
const Mock = require('better-mock/dist/mock.mp.js');
// #endif

Mock.mock('url', function () {
    return {
        ok: true,
        data: {},
        msg: '',
    };
});

/src/main.js文件中引入mock/index.js,这里需要注意,我们只需要在开发模式下模拟数据,所以要加一个运行环境的判断语句

1
2
3
4
if (process.env.NODE_ENV == 'development') {
    console.log(process.env);
    require('./mock');
}

要注意的地方

Mock.mock()方法中的 url 参数,必须是一个完整的url路径,比如http://liyun.com/api/addUser,所以可以考虑封装一个函数,把baseUrl当做一个变量处理