如何在组件方法中的 nuxtjs 中进行重定向而不是获取方法？

Posted 2023-02-22

【中文标题】如何在组件方法中的 nuxtjs 中进行重定向而不是获取方法？

【英文标题】：How to make a redirect in nuxtjs in component method not fetch method?

【发布时间】：2017-11-29 21:54:54

【问题描述】：

我正在使用 nuxtjs ，我想在用户登录后重定向用户，redirect() 方法在我的函数中不起作用：

 loginUser: function () 
    if (this.isValid) 
      return axios.post(`/user/login`, email: this.login.email, password: this.login.password)
        .then((res) => 
          let response = res.data
          if (typeof response.token !== 'undefined') 
            setToken(response.token)
            window.location.href = '/'
          
        ).catch((e) => 
          console.log(e.message)
        )
    
  

同时访问 url 属性不起作用

 loginUser: function () 
    if (this.isValid) 
      return axios.post(`/user/login`, email: this.login.email, password: this.login.password)
        .then((res) => 
          let response = res.data
          if (typeof response.token !== 'undefined') 
            console.log('loggedin')
            this.props.url.replace('/')
          
        ).catch((e) => 
          console.log(e.message)
        )
    
  

【参考方案1】：

这对我有用

      loginUser: function () 
    if (this.isValid) 
      return axios.post(`/user/login`, email: this.login.email, password: this.login.password)
        .then((res) => 
          let response = res.data
          if (typeof response.token !== 'undefined') 
            setToken(response.token)
            console.log('loggedin')
            this.$router.replace('/')
          
        ).catch((e) => 
          console.log(e.message)
        )