mock的作用及使用场景

最新推荐文章于 2025-04-06 21:37:28 发布

laughable045

最新推荐文章于 2025-04-06 21:37:28 发布

阅读量2.7k

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/weixin_55633731/article/details/118057228

版权

在前后端并行开发中，Mock数据扮演了重要角色。当后端接口未完成时，前端通过Mock数据来模拟真实数据，确保业务的正常开发。Mock数据遵循接口调用规范，但提供的是人为创造的非实际业务数据。实现Mock数据的方式包括本地启动Mock服务器或使用项目内置的Mock功能。当后端接口完成，可以从项目中移除Mock，涉及修改相关配置文件。

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

00.什么是mock数据？

前后端同时开发的时候，后端接口数据没有出来而前端要实现业务还必须依赖数据，为了保证开发进度就需要前端可以mock假数据，模拟开发，保证业务能正常开发

前端程序员提到的mock数据的含义是：真的假数据

真的：是符合接口调用规范的，(一个真接口，但数据是假的)。
假数据：数据是人为创建出来的，不是真正上线以后使用的数据的业务数据。

1.mock的实现方式

a)本地启mock服务器：

自己用express写接口

本地用专门的mock服务

2.使用项目中的mock功能！

可以创建一个js文件，用来放mock文件

仿照table.js的写法，news.js的内容如下
module.exports = [
  {
    url: '/news/getList',
    type: 'get',
    response: config => {
      return {
        code: 20000,
        data: ['第一条新闻', '第二条新闻', '第三条新闻']
      }
    }
  }
]