How to identify User via API

@jamols09 if you’re using the default Laravel auth, the user will be available to you in the controller using Auth::user(), auth()->user(), or on the request, request()->user().

Yes I am using the default authh but I am using it with Passport..

FIrst of all, because you have your frontend and backend separate, to display any information (someone's profile in this case) you have to request it to the backend.

In vue you should call api/user/profile (or whatever your route looks like on Laravel) to get the user information. For that to work, the user should be authenticated.

On the Frontend

You are using passport, but I will also include Laravel Sanctum authentication for other's to find.

Laravel Sanctum (SPA)

If you are using Laravel Sanctum with SPA Authentication, that requires no additional input on vue as it uses the plain ol' sessions.

Laravel Sanctum (API)

If you are using Laravel Sanctum with API Authentication, you need to provide an Authorization header containing the token you got at login. Best practice is to store this token somewhere on the client's browser. Then, you simple include the followin header on any authenticated requests:

{
	"headers": {
		"Authorization": "Bearer [TOKEN-PROVIDED-BY-SANCTUM]"
	}
}

Laravel Passport

Haven't used Passport as Sanctum is better suited for this, but as far as I know, on vue's side this works identically to Laravel Sanctum's API Authentication. You get a token, you store it somewhere, and then send it in the Authorization header. I strongly suggest you switch Passport to Sanctum if you can

On Laravel

On Laravel's side, you simple use the app normally. Remember to go to auth.php and change defaults.guard to api if using passport, or sanctum if using either of Sanctum's Authentication methods. This will tell laravel to "look for your user" using the passport/sanctum authentication method. Alternatively, if for some reason you need it set to web, which you probably dont, simply specify the guard any time you want to use Auth.

// Using helpers
auth()->guard('sanctum')->user()

// Using Auth Facade
Auth::guard('sanctum')->user()

I can probably at least try sanctum. I have not worked with it but at least I could learn something

I also have found a way to get the user with Passport it is request()->user()

I would suggest you do (try sanctum).

I failed to mention the following: regardless of the provider/method you choose, be it Sanctum, Passport or plain old sessions, getting the current user works the same. I suggest you dig deeper into Laravel to see how request()->user() works under the hood.

Basically, Laravel goes to your default guard, let's suppose sanctum, and asks "hey, who is my current user?". Sanctum then checks your headers for a token, verifies it, and then returns the authenticated user. If you had the session guard as the default, it would check for the corresponding session value and return the user.

So, in conclusion: just use it as you normally would.

// All valid
request()->user()
request()->id()
Auth::user()
Auth::id()
// Or anything you can think of