如何使用express框架搭建一个简单的服务器来模拟后端假数据

283 阅读2分钟

前言:当我们在实际开发中,有时候要写一个需求的时候,后端接口还没写好,这个时候我们前端就可以使用express框架来创建一个本地服务器,并写一些模拟后端的接口来帮助我们完成业务开发。

一. 使用npm下载express包-------- npm i express

二. 根目录下新建一个文件夹专门用来创建服务器,创建一个js文件

三.该文件是node环境 所以引入express包必须使用commen.js规范

image-20230409161827514-16810283092733.png

四.启动服务器------- 打开终端 进入该文件的文件夹目录 输入命令node + 文件名称

控制台打印服务器启动成功则表示服务器启动成功

五.自己项目中获取假数据

1.下载axios包 ----- npm i axios

2.引入axios -------- import axios from "axios"

3.使用axios.get('http://域名:端口号/服务器定义的路由')即可获取

image-20230409161719086.png

同理我们还可以使用expres框架来写各种不同的请求例如post、put、delete,示例如下:

const express = require('express');
const bodyParser = require('body-parser'); // 用于解析请求体中的 JSON 数据

const app = express();
app.use(bodyParser.json()); // 使用 body-parser 中间件解析请求体中的 JSON 数据

// 处理 GET 请求
app.get('/api/getData', (req, res) => {
  // 在这里处理 GET 请求,例如从数据库中获取数据等
  // ...
  res.json({ message: 'GET 请求已处理' });
});

// 处理 POST 请求
app.post('/api/postData', (req, res) => {
  // 从请求体中获取 POST 请求的数据
  const postData = req.body;
  
  // 在这里处理 POST 请求的数据,例如保存到数据库等
  // ...
  
  // 返回响应给客户端
  res.json({ message: 'POST 请求已处理', data: postData });
});

// 处理 PUT 请求
app.put('/api/putData', (req, res) => {
  // 从请求体中获取 PUT 请求的数据
  const putData = req.body;
  
  // 在这里处理 PUT 请求的数据,例如更新数据库等
  // ...
  
  // 返回响应给客户端
  res.json({ message: 'PUT 请求已处理', data: putData });
});

// 处理 DELETE 请求
app.delete('/api/deleteData', (req, res) => {
  // 从请求体中获取 DELETE 请求的数据
  const deleteData = req.body;
  
  // 在这里处理 DELETE 请求的数据,例如从数据库中删除数据等
  // ...
  
  // 返回响应给客户端
  res.json({ message: 'DELETE 请求已处理', data: deleteData });
});

// 启动 Express 服务器
app.listen(3000, () => {
  console.log('Server is running on http://localhost:3000');
});

总结:

使用express框架可以非常便捷地帮助我们创建一个本地服务器,并生成一些能直接使用的接口,在我们前端进行业务开发时,是一个十分方便有用的工具。