注:使用mock在network中是看不到请求的。mock是拦截地址,直接返回mock数据,但没有真正的发送网络请求
1、安装mock
npm install better-mock // 或者安装 npm install mockjs
2、配置mock(配置在mock/index.js下)
// 使用better-mock 以下两种暂时还不知道区别,但是都可以用都能成功
// import mock from 'better-mock'
import mock from 'better-mock/dist/mock.mp'
// import mock from 'mockjs' // 使用mockjs
mock.mock('/mock/test','GET',{
"code": 1,
"msg": "success",
'data|1-10':[{
'id|+1':1,
'name':'@name',
}]
})
注意:使用mockjs mock.mock( rurl?, rtype?, template|function( options ) )中rtype要使用小写的get、post等,rtype为空串或者不写默认get,使用better-mock rtype不区分大小写,否则network请求返回的是一串html代码,预览可能报如下错(请求方式、路径等错误):
3、全局注册mock
在main.js里面引入第二步配置mock的文件
`import mock from './mock/index.js'`
4、请求mock数据
uni.request({
url:'/mock/test',// mock地址
})
5、请求成功返回数据