[LINUX] Points à prendre en compte lors de l'attribution d'un nom au routage dynamique dans nuxt.js

Précautions lors de l'utilisation de la fonction de routage dynamique de nuxt

Conclusion

Il est préférable de ne pas nommer la page ou le répertoire que vous souhaitez router dynamiquement avec des majuscules mixtes

environnement

nuxt: 2.14.0 macOS Catalina Linux:

Contenu

Si le nom de la page ou du répertoire que vous souhaitez renommer de manière dynamique contient des lettres majuscules, il sera traité comme des lettres majuscules du côté mac, mais sous Linux, il sera traité comme toutes les lettres minuscules. Donc, même si vous le développez sur mac et que cela fonctionne bien, cela peut ne pas fonctionner si vous l'exécutez sous linux de production Exemple: _categoryName / _itemId.vue Si vous le faites avec le nom, je pense que vous écrirez comme suit en volant avec nuxt-link ou $ router.push sur cette page

.vue

<nuxt-link :to="{ name: {categoryName: 'AAA', itemId: 'BBB'} }">
  hoge
</nuxt-link>

.js

this.$router.push({ name: {categoryName: 'AAA', itemId: 'BBB'} } })

Cela fonctionne bien dans un environnement Mac. Cependant, s'il s'agit d'un environnement Linux utilisé dans un environnement de production, etc., le nom du paramètre sera

categoryName　→ categoryname
itemId → itemid

Cela ne fonctionne pas car il est traité comme toutes les lettres minuscules comme. (Vous pouvez le voir en tapant directement l'url de la page correspondante et en affichant this. $ Route.params) J'essaie de donner une valeur pour un paramètre, mais j'ai l'impression qu'une erreur se produit car la clé de ce paramètre n'existe pas à la destination.

En général ** "mac est insensible à la casse et Linux est sensible" **, c'est donc un comportement étrange, mais cela a été signalé ci-dessus

Si vous le trouvez utile, veuillez LGTM! !!