如何在 nuxt.js 上手动触发路由?

Posted

技术标签:

【中文标题】如何在 nuxt.js 上手动触发路由?【英文标题】:How to manually trigger routing on nuxt.js? 【发布时间】:2021-07-26 23:41:01 【问题描述】:

我想在回调中登录后手动导航到主页。

  methods: 
    async userLogin() 
      var session_url = "/api/v1/authenticate";
      axios
        .post(session_url, this.login, )
        .then(function (response) 
          console.log("Authenticated", response.data.access_token);

          window.localStorage.setItem("token", response.data.access_token);
          // Manually trigger route here.
        )
        .catch(function (error) 
          console.log("Error on Authentication", error);
        );
    ,
  ,

【问题讨论】:

【参考方案1】:

要手动触发路由,可以使用下面的代码,其中/是家乡路由。

注意:无需导入任何内容,因为$router 是全球可用的。

this.$router.push("/" )

【讨论】:

以上是关于如何在 nuxt.js 上手动触发路由?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 nuxt.js 中编写全局路由器功能

如何在 nuxt.js 中定义路由

如何在 Nuxt 中使路由区分大小写

nuxt.js服务端渲染中如何实现路由的跳转

Vuetify Nuxt.js:如何在轮播图标中添加路由链接

如何在 Nuxt 中用一个组件创建无限路由