如何在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中，以避免重复逻辑。当然，如果您提供了到目前为止您尝试过的示例，那么我可能会有所帮助。