时间戳

首页 > 解决方案 > 将自定义中间件放在自定义 next.js 服务器中的最后一个链中？

javascript - 将自定义中间件放在自定义 next.js 服务器中的最后一个链中？

问题描述

我正在尝试将自定义中间件添加到自定义 next.js 服务器。但是没有可以将我的中间件绑定到的特定路径模式，因为这些 URL 是由我们的 CMS 生成的，并且几乎可以是任何东西。所以我想在链中最后添加我的中间件。作为最后的包罗万象。但我找不到任何关于如何实现这一目标的文档。

我试图简单地将我的中间件放在最后，但这导致它永远不会被调用。

工作但丑陋，而不是未来的证明：

//Our custom middleware first
server.get('*', [customMiddleware, standardMiddleware])
...
const customMiddleware = async function (req, res, next) {
  const parsedUrl = parse(req.url, true)
  const { pathname, query } = parsedUrl
  console.log("Custom middleware. pathname: " + pathname)
  if (pathname.startsWith("/babel/") || pathname.startsWith("/_next/") || pathname.startsWith("/static/") ...etc) {
    return next()
  }
  ///Custom logic here...
}

const standardMiddleware = function (req, res, next) {
  const parsedUrl = parse(req.url, true)
  const { pathname, query } = parsedUrl
  console.log("Standard middleware. pathname: " + pathname)
  return handle(req, res)
}

不工作：

//Our custom middleware last
server.get('*', [standardMiddleware, customMiddleware])
...
const standardMiddleware = function (req, res, next) {
  const parsedUrl = parse(req.url, true)
  const { pathname, query } = parsedUrl
  console.log("Standard middleware. pathname: " + pathname)
  return handle(req, res)
}

const customMiddleware = async function (req, res, next) {
  const parsedUrl = parse(req.url, true)
  const { pathname, query } = parsedUrl
  console.log("Custom middleware. pathname: " + pathname)
  ///Custom logic here...
}

当我运行上面标记为“不工作”的代码时，我希望 next.js 处理它可以处理的所有请求，然后回退到 customMiddleware处理所有其他请求。实际发生的是它永远不会回退到 customMiddleware，它只是为未知路径返回404。

2019-02-13 更新

由于当前的 NextJS 代码似乎无法做到这一点，因此我将其添加为功能请求。

标签： javascriptnode.jsexpressnext.jsserver-side-rendering

解决方案

为了说明我上面的评论：

const standardMiddleware = function (req, res, next) { // next is a callback argument here
  const parsedUrl = parse(req.url, true)
  const { pathname, query } = parsedUrl
  console.log("Standard middleware. pathname: " + pathname)
  return handle(req, res, next); // pass it along
}
...
function handle(req, res, next) {
  ...
  if (noRouteEventuallyMatched) {
    // res.status(404).sendFile('/path/to/my404.html');
    next(); // instead of setting res, call next so that the next element in the chain is tried
  }
}

推荐阅读