CORS-feil i AI-genererte apper
Appen din fungerer lokalt, men knekker etter deploy. Lær hvorfor AI-verktøy gjør CORS verre og hvordan du fikser det skikkelig.
Hva er CORS og hvorfor dukker det opp?
CORS (Cross-Origin Resource Sharing) er en sikkerhetsmekanisme i nettleseren. Når en frontend på et domene prøver å snakke med en backend på et annet, blokkerer nettleseren forespørselen — med mindre serveren eksplisitt tillater det.
På localhost er dette ikke et problem fordi frontend og backend deler samme opprinnelse. Etter deploy — når frontenden ligger på app.example.com og API-et på api.example.com — begynner nettleseren å blokkere forespørsler. Vanlig scenario: appen består alle lokale tester, så fungerer ingenting i produksjon.
CORS i seg selv er ikke vanskelig å fikse. Det er noen headers på serveren. Problemet starter når du ber AI om hjelp.
Hvorfor AI-verktøy gjør CORS verre
Når du ber et AI-verktøy om å “fikse CORS,” forstår det ikke grensen mellom frontend og backend. Det skriver om serverkode — og bryter i prosessen imports, databasespørringer og responsformat. Du løser ett problem, du får tre nye.
Typisk tilfelle: AI legger til CORS-headers manuelt i hver Edge Function, og endrer forretningslogikk det ikke burde røre. Det putter kommentarer inni select()-strenger i stedet for ekte kolonnenavn. Det endrer responsformatet, slik at frontenden ikke lenger kan tolke dataene.
AI-verktøy har ingen forståelse for prosjektets kontekst. De ser ikke hva som allerede fungerer. De behandler hver fil som et isolert fragment og “fikser” det i isolasjon — og ødelegger integrasjonen med resten av systemet.
Slik fikser du CORS uten å ødelegge appen
- Ikke la AI redigere serverkode. En CORS-feil er et konfigurasjonsproblem, ikke et forretningslogikk-problem. Begrens AI til frontenden — la det fikse forespørsler, headers og URL-er på klientsiden.
- Sentraliser CORS i én helper. I stedet for å legge til headers i hver funksjon separat, lag en liten modul ved servergrensen som håndterer CORS for alle endepunkter. Én endring, ett sted.
- Hold entry-filen liten. Hoved-Edge Function-filen din skal importere moduler og delegere arbeid. Ekte logikk bor i separate filer. Da skriver ikke AI om hele logikken din når den prøver å legge til en header.
- Lås responsens JSON-format. Definer en klar kontrakt: hvilke felt API-et returnerer, i hvilket format. Hvis AI endrer responsformatet, knekker frontenden umiddelbart — og du ser det med en gang.
- Spør bare etter ekte kolonner. Ikke putt kommentarer inni
select()-strenger. Databasen forstår ikke SQL-kommentarer i en JavaScript-streng — den returnerer stille null i stedet for data. - Legg til strukturerte logger og en rask selvtest. Et enkelt health-endepunkt (
/health) pluss strukturerte logger ved hver forespørsel fanger opp regresjoner før de når brukerne.
Les også
- Fiks CORS-feil i AI-apper — en komplett steg-for-steg-guide for å konfigurere CORS riktig på backenden din.
- Fungerer lokalt, feiler i produksjon — CORS er bare ett av mange problemer som dukker opp etter deploy. Lær resten.
CORS blokkerer lanseringen din?
Slutt å gjette. Jeg fikser serverkonfigurasjonen, sikrer grensen frontend-backend og sørger for at deployen din går smertefritt.
Bestill en gratis samtale →