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();
        }
    }
};
相关推荐
YeeWang4 分钟前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript
gnip5 分钟前
Jenkins部署前端项目实战方案
前端·javascript·架构
Orange30151120 分钟前
《深入源码理解webpack构建流程》
前端·javascript·webpack·typescript·node.js·es6
Bruce_Liuxiaowei27 分钟前
MySQL完整重置密码流程(针对 macOS)
mysql
lovepenny42 分钟前
Failed to resolve entry for package "js-demo-tools". The package may have ......
前端·npm
麦麦大数据1 小时前
F003疫情传染病数据可视化vue+flask+mysql
mysql·flask·vue·大屏·传染病
超凌1 小时前
threejs 创建了10w条THREE.Line,销毁数据,等待了10秒
前端
车厘小团子1 小时前
🎨 前端多主题最佳实践:用 Less Map + generate-css 打造自动化主题系统
前端·架构·less
芒果1251 小时前
SVG图片通过img引入修改颜色
前端
海云前端11 小时前
前端面试ai对话聊天通信怎么实现?面试实际经验
前端