如何在nuxt js中添加动态路由前缀？

Question

我想添加基于API的动态语言。在API中，我可以获得语言列表，并且应该为每种语言（除了en之外）都具有路由前缀。

例如：

en:
https://mynuxt.com/hotel/paris-hotel

de:
https://mynuxt.com/de/hotel/paris-hotel

and ...

我应该如何生成动态路线？语言是动态的。

Answer 1

这是一个有关如何创建文件夹结构以提供所需路由器路径的示例：

pages/ --| _lang/ -----| hotel/ -------| paris-hotel/ ---------| index.vue --| hotel/ ----| paris-hotel/ ------| index.vue

然后，您可以将视图导入到index.vue中，以避免重复逻辑。当然，如果您提供了您到目前为止已尝试过的示例，那么我可能会有所帮助。