- 第一步:
yarn add mockjs
npm安装太慢太慢,有时还安装失败,推荐用yarn来安装。
-
在项目src文件夹下新建mock文件夹
-
再新建index.js,里面存放mock代码,用于监听请求和返回数据
-
在全局引入mock文件,在main.js文件里导入
import '@/mock'
准备工作做好后,就可以开始在mock文件里写代码返回数据啦!
在mock文件夹下的index.js里
第一步:先导入mockjs,这是刚刚下载下来的包
import Mock from 'mockjs'
第二步:配置mock基本设置
Mock.setup({
timeout:'100-1000'
})
用户随机产生100-1000毫秒的延迟,模拟真实的网络请求环境
第三步:配置拦截的请求接口
Mock.mock(/\/login/,'post',req=>{
console.log(req)
}
)
第一个参数传入一个正则表达式,用于拦截所有带/login路径的请求,第二个参数是请求规则,第三个参数是一个函数,形参拿到请求数据,然后你就可以返回任何你想返回的内容了。