如何在nuxt3路由完成前重定向
如何在nuxt3路由完成前重定向
提问于 2022-03-14 18:40:45
我试图在nuxt3中设置一个样板，在每个请求之前检查是否允许访问当前路径/路由。
目前，我已经测试了两种不同的方法，但这两种方法都不像预期的那样有效：
使用middleware: ["test"].
- using文件调用
- 并使用
composables/useFoo.ts文件调用该文件，并在app.vue
中使用const foo = useFoo()调用该文件
这两种解决方案都有一个空的导出默认函数，该函数只包含一个console.log语句。该语句将在初始加载时打印到控制台，但在单击NuxtLink后更改路由之前/之后不会打印。是否有其他解决方案来验证所请求的路径是否允许使用NuxtLink进行导航
回答 1
Stack Overflow用户
发布于 2022-05-13 13:02:01
我有一个类似的问题，我想找同样的解决方案，用钩子扩展页面是我发现的唯一可以干扰路线的东西。
hooks: {
'pages:extend' (pages) {
pages.push(
{
"name": "index",
"path": "/",
"children": [],
"file": resolve(__dirname, 'pages/test.vue')
},
)
}
},我注意到的第一件事是，这可以超越行为，nuxts，自己的vue-路由器，这是自动构建使用我的页面目录。但我注意到的第二件事是，与exendRoutes不同，我不会接受以下参数："beforeEnter: fn()，
所以我还是想不出如何在路由生命周期中匹配或重定向.
但我的问题和你的一样我需要保护航行..。在我的案子里。我有嵌套页面，例如：
products
- _Category >
- _Category > _BRAND > _GROUP >产品
路由器自动路由器设置总是带我去品牌..。我需要一种方法来检查param和导航到相应的路线品牌/组。
这似乎是一个解决方案: defineNuxtRouteMiddleware，addRouterMiddleWare，definepagemeta。但我不能进口addRouterMiddleWare。
也许你们中的一个有更多的运气。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71472706
复制相关文章
相似问题
腾讯云开发者
