nuxt-modules / nuxt-modules/ionic
fix: server side fetch
Dieses Issue hat noch niemand übernommen.
- Vorherrschende Sprache
- TypeScript
- Sterne
- 457
- Forks
- 53
- Ø Merge
- 7 Std. 32 Min.
- Gemergte PRs (30 T.)
- 21
Beschreibung
🐛 The bug
Fetching data on server side within ionic page component is not possible.
It can be observed in the repro attached that the fetch call happens on the client side only and therefore updating meta tags will have no effect for SEO, social media previews, etc
Server side code executes only in app.vue as far as I can see
🛠️ To reproduce
https://stackblitz.com/edit/nuxt-starter-gjtb8z?file=pages%2Fhead.vue
🌈 Expected behaviour
It's possible to provide code that's executed server side before entering the page.
ℹ️ Additional context
No response
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Öffne einen Pull Request, der die Issue-Nummer nennt.
Rechercherichtung
Beginne mit der verknüpften StackBlitz-Reproduktion unter pages/head.vue und vergleiche sie mit der für app.vue beschriebenen serverseitigen Ausführung. Verfolge, warum fetch nur auf dem Client in der Ionic-Seitenkomponente ausgeführt wird. Als abgeschlossen gilt die Aufgabe, wenn Code auf Seitenebene vor der Navigation serverseitig ausgeführt werden kann und die daraus resultierenden Metadaten für SEO und Social Previews verfügbar sind.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- nuxtjs, typescript
- Bereich
- frontend, mobile, web-dev
- Issue-Typ
- Bug
- Schwierigkeit
- 4/5
- Geschätzter Aufwand
- 3-5 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 35/100