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

被折叠的 条评论
为什么被折叠?



