権限のないユーザーがクリックしようとするとログインページにリダイレクトする方法は？ （vue.js）

Question

私のコードは次のようである：お気に入りボタンをクリックすると、それが実行addFavoriteStore方法の後addFavoriteStore方法

を呼び出します

<script> 
    export default{ 
     props:['idStore'], 
     methods:{ 
      addFavoriteStore(event){ 
       $(function() { 
        $(document).ajaxError(function (e, xhr, settings) { 
         if (xhr.status == 401) { 
          window.Laravel.baseUrl+'/login' 
         } 
         else { 
          event.target.disabled = true 
          const payload= {id_store: this.idStore} 
          this.$store.dispatch('addFavoriteStore', payload) 

          setTimeout(function() { 
           location.reload(true) 
          }, 1500) 
         } 
        }); 
       }); 
      } 
     } 
    } 
</script> 

、私は、不正なユーザかどうかをチェックするための条件を呼び出します。私はそのような状態を使用しようとしますが、動作しません。私は、コンソールで、エラーを確認します

なぜ条件が機能しませんか？

Answer 1

@ moses-tohとてもうれしい私の提案はうまくいった:-)

laravelとブレードシンタックスを使用する場合は、Blade/PHPを使用してユーザーがログインしているかどうかを確認し、Relivent Button/Messageを提供できる場所に移動します。あなたがしたように：

@if (Auth::user()) 
    <favorite-button>&heart; Favorite</favorite-button> 
    @else 
    <a href="{{route('login')}}">Login To Favorite</a> 
    @endif 

希望です。