前言:当我们在实际开发中,有时候要写一个需求的时候,后端接口还没写好,这个时候我们前端就可以使用express框架来创建一个本地服务器,并写一些模拟后端的接口来帮助我们完成业务开发。
一. 使用npm下载express包-------- npm i express
二. 根目录下新建一个文件夹专门用来创建服务器,创建一个js文件
三.该文件是node环境 所以引入express包必须使用commen.js规范
四.启动服务器------- 打开终端 进入该文件的文件夹目录 输入命令node + 文件名称
控制台打印服务器启动成功则表示服务器启动成功
五.自己项目中获取假数据
1.下载axios包 ----- npm i axios
2.引入axios -------- import axios from "axios"
3.使用axios.get('http://域名:端口号/服务器定义的路由')即可获取
同理我们还可以使用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框架可以非常便捷地帮助我们创建一个本地服务器,并生成一些能直接使用的接口,在我们前端进行业务开发时,是一个十分方便有用的工具。