JavaScript-如何mock数据？即使后端不在前端项目也能推进

1. 第一步：

   yarn add  mockjs

   npm安装太慢太慢，有时还安装失败，推荐用yarn来安装。

2. 在项目src文件夹下新建mock文件夹

3. 再新建index.js，里面存放mock代码，用于监听请求和返回数据

4. 在全局引入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路径的请求,第二个参数是请求规则，第三个参数是一个函数，形参拿到请求数据，然后你就可以返回任何你想返回的内容了。