Die Nuxt-Projektseite zeigt nur `Upgrade Required` an.

Heute habe ich ein Nuxt-Webprojekt lokal ausgeführt. Der Start und alles andere waren normal, aber als ich die Seite öffnete, wurde nur `Upgrade Required` angezeigt und die Konsole war voller `426`-Fehler. Mein erster Gedanke war, dass der Port oder `nuxt-auth` falsch konfiguriert war. Ich habe die Ports `1999, 3666, 9999, 3003` ausprobiert, aber es hat nichts gebracht.

Nachdem ich die Authentifizierung und den Port mit anderen Projekten abgeglichen und angepasst hatte, funktionierte es immer noch nicht. Schließlich habe ich es mit PowerShell getestet:

- `http://127.0.0.1:1999/ → 200`
- `http://localhost:1999/ → 426`

Es stellte sich heraus, dass das Problem nicht im Anwendungscode oder der Portnummer lag.

Grund: Unter Windows bevorzugt `localhost` die IPv6-Adresse `::1` anstelle von `127.0.0.1`. Dies ist ein altes Verhalten nach der Aktivierung von IPv6 und kein neues Problem unter Win11. Aber ich weiß nicht, warum dieses Problem früher nicht aufgetreten ist!?

Der `Nuxt/Vite`-Entwicklungsdienst beinhaltet HMR WebSockets. Normale HTTP-Anfragen, die von `::1` kommen, werden manchmal als "Protokoll-Upgrade"-Anfragen interpretiert, was zu einem 426-Fehler führt. Die Verwendung von `127.0.0.1` für IPv4 funktioniert normal.

## Lösung

Verwenden Sie für die Entwicklung **http://127.0.0.1:1999** und nicht `localhost`.

> PS: Dieses neue Projekt wurde von einer KI erstellt und geschrieben. Möglicherweise gibt es irgendwo ein Detail in der Konfiguration, das nicht stimmt, aber das verstehe ich nicht. Daher werde ich vorerst `127.0.0.1` verwenden~