uniapp获取本地mock数据
时间: 2023-09-10 22:04:47 浏览: 161
UniApp支持在本地进行Mock数据的设置,可以通过以下步骤来获取本地Mock数据:
1. 在项目根目录下创建mock目录,并在其中创建mock.js文件(文件名可以自定义),用于存放Mock数据。
2. 在mock.js文件中编写Mock数据的代码,例如:
```
module.exports = {
'GET /api/user': {
name: 'Mock User',
age: 18
},
'POST /api/login': (req, res) => {
const { username, password } = req.body;
if (username === 'admin' && password === '123456') {
res.send({
code: 0,
message: '登陆成功'
});
} else {
res.send({
code: -1,
message: '用户名或密码错误'
});
}
}
};
```
3. 在项目中使用Mock数据,可以在页面中引入mock.js文件,并在请求接口时,将接口地址改为'/api/user'或'/api/login'等与mock.js中定义的相同地址。例如:
```
import request from '@/utils/request';
import mock from '@/mock/mock'; // 引入mock.js文件
// 调用mock数据
request.get('/api/user').then(res => {
console.log(res.data);
});
request.post('/api/login', { username: 'admin', password: '123456' }).then(res => {
console.log(res.data);
});
```
在开发过程中,如果需要使用真实的接口数据,只需要将请求地址改为真实接口地址即可,无需修改其他代码。
阅读全文