uni项目mock模拟接口测试

本文档详细介绍了如何在项目中安装和配置MockJS和Axios,用于模拟接口数据。首先通过npm安装两个库,然后在main.js中引入并设置Vue原型上的$axios。接着,创建模拟接口的JS文件,使用MockJS生成模拟数据,并定义Mock规则。最后,在页面组件中调用$axios获取模拟接口的数据。这在开发阶段避免了对真实服务器的依赖,提高了开发效率。
摘要由CSDN通过智能技术生成

1、安装mockjs

npm install mockjs

2、安装 axios

npm install axios -g

3、项目main.js 添加

1、import axios from 'axios';
2、Vue.prototype.$axios = axios;
3、import './mock/index'  // mock 方式,正式发布时,注释掉该处即可(mock/index 是你写模拟接口数据的路径)

4、新建接口js 页面 ️引入

1、import Mock from 'mockjs'
2、const data= {模拟数据}
3、Mock.mock('/order', /post|get/i, orderList);//调用模拟运单列表数据方法

5、页面调用 

this.$axios.get('接口名').then((res) => {})

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值