express中间件

什么是中间件app.get("/news/:id", (req, res) => {});中的(req,res)=>{}就是一个express中间件

当匹配到请求后,交给第一个处理函数来处理(给第三个参数next)

js 复制代码
const express = require("express");
const app = express(); // 创建一个express应用
console.log(process.env.NODE_ENV);

app.get(
    "/news",
    (req, res, next) => {
        console.log("handler1");
        next();
    },
    (req, res, next) => {
        console.log("handler2");
        next();
    }
);

app.get("/news", (req, res, next) => {
    console.log("handler3");
    next();
});

const port = 5008;
app.listen(port, () => {
    console.log(`server listen on ${port}`);
});

但是客户端得到的会是404:因为在上边的代码中,最后一个请求之后没有请求了,但是后边也没有end,所有服务器响应没有结束会返回404

  • 中间件处理的细节
    • 如果后续没有了中间件,express发现如果没有结束,会响应404
    • 如果中间件发生了错误,不会停止服务器,相当于调用了next(错误对象),寻找后续的错误处理中间件,如果没有后续的中间件,服务器会响应500。

处理错误的中间件

js 复制代码
module.exports = (err, req, res, next) => {
    if (err) {
        const errObj = {
            code: 500,
            msg: err instanceof Error ? err.message : err,
        };
        // 发生了错误
        res.status(500).send(errObj);
    } else {
        next();
    }
};

使用app.use("/news",require("处理错误的中间件的路径"))

可以匹配: /news 、/news/abc、 /news/ab/asd

不能匹配:/n、/a、/、/newsabc

中间件可以获取到请求的基地址req.baseUrl 比如上边例子的基地址为/news

  • 给静态资源
js 复制代码
module.exports = (req, res, next) => {
    if (req.path.startsWith("/api")) {
        // 说明你请求的是 api 接口
        next();
    } else {
        // 说明你想要的是静态资源
        if (true) {
            res.send("静态资源");
        } else {
            next();
        }
    }
};
相关推荐
N***73853 分钟前
Vue网络编程详解
前端·javascript·vue.js
e***71673 分钟前
Spring Boot项目接收前端参数的11种方式
前端·spring boot·后端
程序猿小蒜5 分钟前
基于springboot的的学生干部管理系统开发与设计
java·前端·spring boot·后端·spring
银空飞羽5 分钟前
让Trae CN SOLO自主发挥,看看能做出一个什么样的项目
前端·人工智能·trae
Y***K43434 分钟前
MySQL网站
数据库·mysql
菜鸟‍1 小时前
【后端学习】MySQL数据库
数据库·后端·学习·mysql
Eshine、1 小时前
解决前端项目中,浏览器无法正常加载带.gz名称的文件
前端·vue3·.gz·.gz名称的js文件无法被加载
q***38511 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
用户47949283569152 小时前
别再当 AI 的"人肉定位器"了:一个工具让 React 组件秒定位
前端·aigc·ai编程
WYiQIU2 小时前
面了一次字节前端岗,我才知道何为“造火箭”的极致!
前端·javascript·vue.js·react.js·面试