uniapp怎么引用mock.js内容
时间: 2023-12-24 12:02:10 浏览: 156
要在uni-app中引用Mock.js内容,你需要按照以下步骤进行操作:
1. 在你的uni-app项目中安装Mock.js库。你可以通过npm安装,命令是:npm install mockjs --save-dev。
2. 在你的uni-app项目中创建一个mock目录。
3. 在mock目录下创建一个index.js文件,并在该文件中编写Mock.js的代码。
4. 在你的vue文件中通过以下代码引入Mock.js并使用Mock.js的方法来模拟数据,例如:
```
import Mock from 'mockjs'
import data from '@/mock/index.js'
Mock.mock('/api/list', 'get', data)
export default {
data() {
return {
list: []
}
},
created() {
this.fetchList()
},
methods: {
fetchList() {
this.$http.get('/api/list').then(res => {
this.list = res.data
})
}
}
}
```
在上面的代码中,我们通过import语句引入Mock.js,并将Mock.js生成的数据通过axios库发送到接口'/api/list'上。这个接口的返回值就是Mock.js生成的数据。在fetchList方法中,我们通过this.$http.get方法获取Mock.js生成的数据,并将其赋值给组件的list属性。
这样就可以在uni-app项目中引用Mock.js内容了。
阅读全文