Vue中使用Mock.js模拟数据

安装命令：

npm install --save mockjs

mock简单的学习和使用

在/src/mock/index.ts

import Mock from 'mockjs'

//设置请求延时
Mock.setup({
    timeout:'200-2000',//单位为毫秒
})

//设置拦截路径
//mock中有三个方法：分别是  拦截路径的正则表达式，请求的方法，  和响应数据的函数
// Mock.mock(/\/api\/register/,'get',homeApi.getHomeData);

//登陆接口
 Mock.mock(/\/api\/testApi/,'get',(req:any)=>{
    console.log(req);
     //return中的数据
     return{
         code:200,
         data:{
             msg:'mock测试成功~~~~'
         }
     }

 })

export default Mock;

 

在main.ts中

在main.ts中引入mock
//main.ts
import './mock'

发现引入mockjs部分报错，没有找到 mockjs//无法找到模块“mockjs”的声明文件。

解决方案：

shims-vue.d.ts文件中添加

declare module 'mockjs'

mock.js官网：

http://mockjs.com/