在uniapp中使用mockjs可以通过以下步骤:
1.安装mockjs
首先需要在项目中安装mockjs,可以使用npm或者yarn进行安装:
npm install mockjs --save-dev
2.创建mock数据
在项目中创建一个mock数据文件,比如mock.js,然后在该文件中编写需要mock的数据,例如:
import Mock from 'mockjs';
Mock.mock('/api/user', 'get', { 'name': '@cname', 'age|18-60': 1 });
上面的代码表示当请求'/api/user'接口时,会返回一个随机生成的姓名和年龄数据。
@指令可查看官方文档Mock.js
3.引入mock数据
在项目中引入mock数据,可以在main.js或者需要使用mock数据的页面中引入:
import './mock.js';
这样就可以在项目中使用mockjs来模拟接口数据了。当请求对应的接口时,会返回mock数据而不是真实的数据。这样可以方便前端开发人员在没有后端接口的情况下进行开发和调试。
4.停止使用mock数据
要停止使用mock数据,可以通过以下步骤:
1.注释或删除引入mock数据的代码
在项目中找到引入mock数据的代码,通常是在main.js或者需要使用mock数据的页面中引入的地方,将其注释或删除掉:
// import './mock.js';
2.重启项目
如果是在开发环境下进行调试,需要重新启动项目,以使修改生效。
通过以上步骤,就可以停止使用mock数据,而是请求真实的后端接口数据。