mockjs模拟数据的基础使用

本文介绍了如何在Node.js项目中通过Mock.js库来配置和模拟API接口数据,包括导入mockjs、配置mock数据、以及在入口文件中执行mock服务。重点讲解了两种常见的mock方法,有助于快速理解前后端分离开发中的数据模拟实践。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里写目录标题

下载

npm install mockjs -D

配置

 //引入
  import Mock from "mockjs"
   // 引入json数据
  import banner from "./banner.json"


  // 配置地址,axios里面baseURL="/mock",所以地址里需要加mock
  Mock.mock("/mock/banner",{
    code:200,
    data:banner
  })

//写法二:完整写法
Mock.mock("/mock/login","get",function(config){
  console.log(config)  //这里可以获取到传参。config.body是服务器传的参数,使用JSON.parse(config.body)可以转为正常的数据
  return Mock.mock({   //返回的数据
    code:200,
    msg:"登录成功",
    data:{name:"你好"},
    token:'joaaohiefuopieeaskfoefeop'
  })
})

在入口文件中配置

//在main.js中引用,执行一遍即可
import "@/mock/mockSearve.js"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值