You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: en/routing.md
+5-5
Original file line number
Diff line number
Diff line change
@@ -54,7 +54,7 @@ import { createApp } from './app'
54
54
55
55
exportdefaultcontext=> {
56
56
// vu qu'il peut potentiellement avoir des composants ou des hooks
57
-
// de routes asynchrones, on retourne une Promise de telle sorte que
57
+
// de routes asynchrones, on retourne une Promesse (« Promise ») de telle sorte que
58
58
// le serveur patiente jusqu'à ce que tout soit prêt pour le rendu.
59
59
returnnewPromise((resolve, reject) => {
60
60
const { app, router } =createApp()
@@ -71,7 +71,7 @@ export default context => {
71
71
reject({ code:404 })
72
72
}
73
73
74
-
// la Promise doit résoudre l'instance de l'application, qui pourra
74
+
// la Promise doit résoudre l'instance de l'application qui pourra
75
75
// ensuite être rendue
76
76
resolve(app)
77
77
}, reject)
@@ -93,9 +93,9 @@ server.get('*', (req, res) => {
93
93
renderer.renderToString(app, (err, html) => {
94
94
if (err) {
95
95
if (err.code===404) {
96
-
res.status(404).end('Page not found')
96
+
res.status(404).end('Page non trouvée')
97
97
} else {
98
-
res.status(500).end('Internal Server Error')
98
+
res.status(500).end('Erreur interne du serveur')
99
99
}
100
100
} else {
101
101
res.end(html)
@@ -119,7 +119,7 @@ import Foo from './Foo.vue'
119
119
constFoo= () =>import('./Foo.vue')
120
120
```
121
121
122
-
Cela fonctionnera dans n'importe quel scénario si vous êtes en train de faire une application Vue uniquement pour le côté client. Toutefois, il y aura certaines limitations en l'utilisant dans du SSR. Premièrement, il faut résoudre tous les composants asynchrones à l'avance sur le serveur avant de faire le rendu, car sinon il y aura juste un emplacement vide dans le code HTML. Pour le côté client, il faut aussi faire cela avant de commencer l'hydratation des données, sinon il y aurait des erreurs d'incompatibilités sur le contenu.
122
+
Cela fonctionnera dans n'importe quel scénario si vous êtes en train de faire une application Vue uniquement pour le côté client. Toutefois, il y aura certaines limitations en l'utilisant avec du SSR. Premièrement, il faut résoudre tous les composants asynchrones à l'avance sur le serveur avant de faire le rendu, car sinon il y aura juste un emplacement vide dans le code HTML. Pour le côté client, il faut aussi faire cela avant de commencer l'hydratation des données, sinon il y aurait des erreurs d'incompatibilités sur le contenu.
123
123
124
124
Tout cela rend un peu compliqué l'utilisation des composants asynchrones à des endroits spécifiques dans votre application (nous allons probablement améliorer cela dans le futur). Toutefois, **cela fonctionne parfaitement si vous le faites au niveau de la route** - c.-à-d. d'utiliser les composants asynchrones dans la configuration des routes - car `vue-router` ira automatiquement résoudre les composants asynchrones nécessaires au bon fonctionnement de la route. Vous devez être sûr d'utiliser `router.onReady` sur le serveur et le client. Nous l'avons déjà fait pour le fichier d'entrée du serveur, il ne nous reste plus maintenant qu'à faire de même pour le fichier d'entrée du client :
0 commit comments