我正在Nuxt 3中开发一个多租户应用程序,其中大多数路由都以引用其组织为前缀。例如:
/abc-org/questions
/abc-org/settings
/foo-co/questions
/foo-co/settings
...
字符串
使用Nuxt3的page-based routing实现这一目标的最佳方法是什么?
看起来baseURL更适合于你希望整个网站都使用一个前缀的情况。有没有一种方法可以实现这一点而不需要丢弃到原始Vue路由器?
我正在Nuxt 3中开发一个多租户应用程序,其中大多数路由都以引用其组织为前缀。例如:
/abc-org/questions
/abc-org/settings
/foo-co/questions
/foo-co/settings
...
字符串
使用Nuxt3的page-based routing实现这一目标的最佳方法是什么?
看起来baseURL更适合于你希望整个网站都使用一个前缀的情况。有没有一种方法可以实现这一点而不需要丢弃到原始Vue路由器?
1条答案
按热度按时间vlju58qv1#
有几种方法可以实现这一点(请查看documentation)
对于您的示例,最简单的方法是使用以下文件结构:
字符串
通过这种方式,您可以在任何这些.vue访问组织内部:
型
或者你可以在
app/router.options.ts
中使用这样的方法:型
又一次:
const organization = route.params.organization // 'abc-org' or 'foo-co'
或者甚至:
型
在organization.vue中:
型
不要忘记声明
route
型