【Express】用express搭建本地服务器(轻松上手)

目录

一、为什么会有这篇文章?

二、使用前的准备-如环境、工具

三、如何使用?-express常用知识点

四、代码演示-配合截图,简单易懂


一、为什么会有这篇文章?

**在日常前端开发中,我们离不开数据,可能是用于页面内容展示方便调样式、测试接口问题等等。**在合作的过程中,我们如果需要数据的时候,但前后端的开发进度不一致,我们作为前端开发者,可以先模拟本地服务器和假数据进行测试,实现简单的前后端通信。

本地服务器为开发者提供了一个隔离的环境,便于测试代码、确保应用的安全性和稳定性,同时加快了开发流程。而模拟后端数据则允许前端在没有真实后端支持的情况下进行界面和功能的测试,提高了开发效率,确保了用户体验的一致性。这两者结合使用,能有效提升项目的开发质量和速度。

二、使用前的准备-如环境搭建、工具

安装下载node(express是node的一个框架,node自然是必备的)

注意:下载安装和配置node非本文重点的,所以有需要node的详细安装和下载,请自行搜索。

node下载地址:

Node.js — 在任何地方运行 JavaScript

安装下载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版本来演示这次案例)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值