目录
一、为什么会有这篇文章?
**在日常前端开发中,我们离不开数据,可能是用于页面内容展示方便调样式、测试接口问题等等。**在合作的过程中,我们如果需要数据的时候,但前后端的开发进度不一致,我们作为前端开发者,可以先模拟本地服务器和假数据进行测试,实现简单的前后端通信。
本地服务器为开发者提供了一个隔离的环境,便于测试代码、确保应用的安全性和稳定性,同时加快了开发流程。而模拟后端数据则允许前端在没有真实后端支持的情况下进行界面和功能的测试,提高了开发效率,确保了用户体验的一致性。这两者结合使用,能有效提升项目的开发质量和速度。
二、使用前的准备-如环境搭建、工具
安装下载node(express是node的一个框架,node自然是必备的)
注意:下载安装和配置node非本文重点的,所以有需要node的详细安装和下载,请自行搜索。
node下载地址:
安装下载express框架
Express - Node.js Web 应用程序框架 - Express中文文档 | Express中文网
如果你已经处理好nodejs,可以直接执行以下命令,创建项目和安装express
新建一个文件夹,打开终端,执行以下命令:
npm init -y
npm install express cors body-parser
//cors解决跨域问题
//body-parser: Express 中间件,用于解析 HTTP 请求体中的数据,支持 JSON、URL 编码和多部分表单数据,让我们可以直接使用数据。
(我用的是node18.16.0版本来演示这次案例)