ajax - 私のlaravel Passport Authがブラウザで機能しないのはなぜですか?

Question

Passport認証を使用した新しいlaravelアプリケーションがあります。ログイン用のコードは、不眠症アプリケーションで完全に機能します。

ログイン：

public function login(Request $request)
{
   if(Auth::attempt(['username' => request('username'), 'password' => request('password')]))
   { 
      $user = Auth::user(); 
      $success['token'] =  $user->createToken('AppName')-> accessToken; 
      return response()->json(['authstat'=>'Authorized','user'=>Auth::user()->id,'access_token'=>$success]); 
   } 
   else
   { 
      return response()->json(['authstat'=>'Unauthorized']); 
   } 
}

不眠症テスト

http://api-auth.test/api/auth/login

//json request 
{
    "username":"wen",
    "password":"12345678"
}

しかし、ブラウザで試してみるとUnauthorized、正しいユーザー名とパスワードを渡しても常に返されます。これがフロントエンドからの私の ajax リクエストです。

<script type="text/javascript">
        
    $("#loginfrm").on("submit", function(e){
        event.preventDefault();
        var username = $("#username").val();
        var password = $("#password").val();
        
        $.ajax({
            type: "POST",
            url: "http://api-auth.test/api/auth/login",
            contentType: "application/json",
            Accept: "application/json",
            dataType: 'json',
            data:{
                "_token": "{{ csrf_token() }}",
                "username": username,
                "password": password
            },
            complete: function (data) {
                console.log(data.responseJSON["authstat"]);
            }
        });
    });
      
</script>

助言がありますか？ありがとう。