Next.js / Backend APIs
Schritt 16 von 24
Weiterleitung des Gebietsschemas an Backend-APIs
Wenn ein Next.js-Frontend ein separates Backend aufruft, senden Sie die aktive Altified-Locale mit der Anfrage, damit die Backend-SDKs übersetzte Daten zurückgeben können.
Verwenden altifiedFetch in Ihrem gemeinsam genutzten API-Client. Er leitet das aktuelle Gebietsschema weiter mit Accept-Languagealso ein Django-Backend mit django_altified Empfängt die gleiche Sprache wie die aktuelle Next-Route.
api/client.js
import { altifiedFetch } from "@altified/next/fetch"; const response = await altifiedFetch(BACKEND_URL + path, { credentials: "include", });Wenn Ihre App Axios verwendet, binden Sie den Altified-Interceptor stattdessen an die gemeinsam genutzte Axios-Instanz an.
api.js
import axios from "axios"; import { altifiedAxiosInterceptor } from "@altified/next/axios"; const api = axios.create({ baseURL: BACKEND_URL, withCredentials: true, }); altifiedAxiosInterceptor(api);Verwenden Sie einen gemeinsam genutzten Client.
Sie sollten nicht jede Anfrage bearbeiten. Fügen Sie den Helfer einmalig dem zentralen Fetch-Wrapper oder der Axios-Instanz hinzu, die Ihre App bereits für Backend-Aufrufe verwendet.