如何在 Nuxt Vue 应用程序中重定向

Posted 2023-02-22

【中文标题】如何在 Nuxt Vue 应用程序中重定向

【英文标题】：How to redirect in Nuxt Vue application

【发布时间】：2021-11-15 19:48:49

【问题描述】：

我在 Nuxt 应用程序中有一个删除操作。成功删除后，我需要将用户重定向到另一个页面。但是在 Nuxt router documentation 中，没有提到重定向。那么问题是如何在组件中做到这一点？

【问题讨论】：

删除成功后this.$router.push(yourPath)有什么问题？

不知道。可能吗？但我想使用命名路由而不是路径。如果路由名称是 Nuxt 生成的，如何查找？

见***.com/questions/65366277/…

【参考方案1】：

你完全可以使用任何一个

<nuxt-link :to=" name: 'my-fancy-route' ">Go to</nuxt-link>

或

this.$router.push( name: 'my-fancy-route' )

取决于您在此处尝试实现的目标。

此外，您的所有路线都可以使用 Vue 开发工具找到，请转到 Routing > Routes，您将可以在那里看到它们。

有关更多信息，Nuxt 在幕后使用vue-router，因此可以参考这部分文档：https://router.vuejs.org/guide/essentials/navigation.html#router-push-location-oncomplete-onabort

【参考方案2】：

如前所述，您可以使用this.$router.push(yourPath) 重定向用户。您应该能够使用路由名称或显式路径来代替yourPath。如果不确定 Nuxt 生成的路由名称，可以在.nuxt/routes.json 中查看。

请注意，Nuxt 使用 Vue 路由器，因此，如需更详细的文档，您可能需要read this。