前端开发使用Mock.js+express模拟响应数据

最新推荐文章于 2024-08-13 17:03:54 发布

鸭绒

最新推荐文章于 2024-08-13 17:03:54 发布

阅读量1.5k

点赞数

分类专栏： node.js后端文章标签：前端 node.js

本文链接：https://blog.csdn.net/weixin_43334673/article/details/109443566

版权

本文介绍了在后端接口未完成时，前端如何使用Mock.js模拟数据，确保开发进度。首先讲解了Mock.js的基本概念，然后通过Node.js和Express快速创建一个简单的服务器，展示如何结合Mock.js生成随机JSON对象作为模拟数据。最后提醒读者可以参考Mock.js官网获取更多模拟数据类型的方法。

摘要由CSDN通过智能技术生成

在开发中，如果后端的接口还没完成，前端就需要使用mock.js来模拟数据，来模拟前后端交互数据，以保证工作的进度。

Mock.js官方简介：

Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试。提供了以下模拟功能：

根据数据模板生成模拟数据

模拟 Ajax 请求，生成并返回模拟数据

基于 HTML 模板生成模拟数据

在这里就不教大家如何搭建node.js环境了，默认大家都是有nodejs基础的。大家可以参考我这篇博客快速初始化项目，以及参考另一篇博客写简单的接口。

1.nodejs

下面我们先上nodejs的源码：

创建app.js：

const express = require('express')

// 创建 express 应用
const app = express()

// 监听 /getList 路径的 get 请求
app.get('/getList', function(req, res) {
   
  res.send('hello node')
})