如何在uniapp中使用mock.js模拟数据
时间: 2024-05-13 16:16:37 浏览: 224
在uniapp中使用mock.js模拟数据,需要以下步骤:
1. 安装mock.js依赖包,在命令行中输入:npm install mockjs --save-dev
2. 在uniapp的根目录下创建一个mock文件夹,用于存放mock数据文件。
3. 在mock文件夹下创建一个mock.js文件,用于编写mock数据。
4. 在main.js中引入mock.js,并使用mock数据。代码如下:
```
import Mock from 'mockjs';
// 引入mock数据文件
import './mock';
// 开启mock
Mock.setup({
timeout: '50-200'
})
```
5. 在mock.js文件中编写mock数据。例如:
```
import Mock from 'mockjs';
// 模拟数据
Mock.mock('/api/user', {
'name': '@cname', // 随机生成中文名字
'age|18-60': 1, // 随机生成18-60岁之间的整数
'email': '@email', // 随机生成邮箱
'address': '@city(true)' // 随机生成省市区
})
```
6. 在需要使用mock数据的地方,发送请求获取mock数据。例如:
```
import axios from 'axios';
axios.get('/api/user')
.then(res => {
console.log(res.data)
})
.catch(err => {
console.log(err)
})
```
注意:在正式环境中,需要将mock数据禁用或移除。
阅读全文