Wie erstelle ich eine reine JSON-API-Route mit dem React Router-Framework auf Vercel? ⇐ JavaScript

[Anonymous]

Ich verwende das React Router-Framework (v7) mit Vite und stelle es auf Vercel bereit.
Ich möchte eine serverseitige Route, die sich wie ein herkömmlicher API-Endpunkt verhält:

• akzeptiert GET/POST
• gibt nur JSON zurück
• kann vom Client über /api/... aufgerufen werden

Beispiel für einen Kundenaufruf:

Code: Select all

fetch("/api/bookings?date=2025-12-31")

Ich habe versucht, eine Routendatei wie app/routes/api.bookings.tsx mit einem Loader/einer Aktion zu erstellen, die eine Antwort mit JSON-Headern zurückgibt.
Der Besuch von /api/bookings gibt jedoch

404 Page Not Found

oder Folgendes zurück:

Unerwartetes Token '