Next.js - API MiddleWares

API-Routen in Next.JS verfügen über integrierte Middlewares, mit denen die eingehende Anforderung analysiert werden kann.

Es folgen die Middlewares

  • req.cookies- Das Cookie-Objekt enthält die von der Anfrage gesendeten Cookies. Der Standardwert ist {}.

  • req.query- Das Abfrageobjekt enthält die Abfragezeichenfolge. Der Standardwert ist {}.

  • req.body- Das Abfrageobjekt enthält den Anforderungshauptteil, der mit 'Inhaltstyp' analysiert wurde. Der Standardwert ist null.

Lassen Sie uns ein Beispiel erstellen, um dasselbe zu demonstrieren.

In diesem Beispiel aktualisieren wir eine user.js in pages/api Verzeichnis.

Lassen Sie uns das nextjs-Projekt aktualisieren, das im Kapitel API-Routen verwendet wird .

Erstellen Sie die Datei user.js im Verzeichnis pages / api wie folgt.

export default (req, res) => {
   res.statusCode = 200
   res.setHeader('Content-Type', 'application/json')
   res.end(JSON.stringify({ query: req.query }))
}

Starten Sie Next.js Server

Führen Sie den folgenden Befehl aus, um den Server zu starten.

npm run dev

> [email protected] dev D:\Node\nextjs
> next

ready - started server on http://localhost:3000
info  - Loaded env from D:\Node\nextjs\.env.local
event - compiled successfully
event - build page: /api/user
wait  - compiling...
event - compiled successfully
event - build page: /next/dist/pages/_error
wait  - compiling...
event - compiled successfully

Überprüfen Sie die Ausgabe

Öffnen Sie http: // localhost: 3000 / api / user? Counter = 1 in einem Browser und Sie sehen die folgende Ausgabe.

{"query":{"counter":"1"}}