Next.js - API-Routen

Mit API-Routen können Sie mithilfe von Next.js eine Rest-API erstellen. Next.js ordnet alle in vorhandenen Dateien zu/pages/apiOrdner und wird als API-Endpunkt behandelt. Ein Beispiel für eine API-Funktion -

export default (req, res) => {
   ...
}

Im Folgenden sind einige wichtige Punkte zu beachten.

• req - req ist eine Instanz von http.IncomingMessage und wird verwendet, um Daten von einer Anfrage abzurufen.

• res - res ist eine Instanz von http.ServerResponse und wird zum Senden von Daten als Antwort verwendet.

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

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

Lassen Sie uns das nextjs-Projekt aktualisieren, das im Kapitel Global CSS Support 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({ name: 'Robert' }))
}

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 localhost: 3000 / api / user in einem Browser und Sie sehen die folgende Ausgabe.

{"name":"Robert"}