Skip to content

Commit eaf52d1

Browse files
committed
Fix "Promise", "avec du SSR", messages d'erreurs, virgule
1 parent 6ef2962 commit eaf52d1

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

en/routing.md

+5-5
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ import { createApp } from './app'
5454

5555
export default context => {
5656
// 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
5858
// le serveur patiente jusqu'à ce que tout soit prêt pour le rendu.
5959
return new Promise((resolve, reject) => {
6060
const { app, router } = createApp()
@@ -71,7 +71,7 @@ export default context => {
7171
reject({ code: 404 })
7272
}
7373

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
7575
// ensuite être rendue
7676
resolve(app)
7777
}, reject)
@@ -93,9 +93,9 @@ server.get('*', (req, res) => {
9393
renderer.renderToString(app, (err, html) => {
9494
if (err) {
9595
if (err.code === 404) {
96-
res.status(404).end('Page not found')
96+
res.status(404).end('Page non trouvée')
9797
} else {
98-
res.status(500).end('Internal Server Error')
98+
res.status(500).end('Erreur interne du serveur')
9999
}
100100
} else {
101101
res.end(html)
@@ -119,7 +119,7 @@ import Foo from './Foo.vue'
119119
const Foo = () => import('./Foo.vue')
120120
```
121121

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.
123123

124124
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 :
125125

0 commit comments

Comments
 (0)