我正在使用Nuxt在仪表板上工作,并希望实现以下模式:
example.com/users
-显示生产帐户中的用户。
example.com/test/users
-显示测试帐户中的用户。
这受Stripes仪表板的启发。
通过在我的nuxt.config.js
中使用以下路由器扩展名,我已经能够在本地工作此 。
extendRoutes(routes, resolve) {
routes.forEach((route) => {
route.path = `/test?${route.path}`
})
},
但是,现在我有两个新问题。
首先,我托管在Netlify上,该文件名中不允许?
或#
个字符。不幸的是,此方法将问号留在文件名中。有没有其他方法可以创建相同的模式,但是没有问号呢?
第二,现在我处于测试模式时,需要向所有路由中添加/test
:
// where env is /test
<nuxt-link :to="`${env}/users`" >...
理想情况下,我想避免将其添加到每条路线中,因为它很容易被遗忘并会导致问题。有没有一种方法可以自动避免这种情况?