WSL Ubuntu distro Laravel and NuxtJS in Windows 11 gettting 419 status

I recently setup an Ubuntu distro in WSL and installed Laravel. Via postman I was able to access and get return in the vhost I created which is api.example.local. But when I tried logging in with my website using NuxtJS is am getting 419 unknown status. Here's the .env setup:

APP_URL= http ://api.example.local SESSION_DOMAIN=example.local SANCTUM_STATEFUL_DOMAINS=localhost,localhost:3000,api.example.local,example.local

Is there anything I missed within the settings? In my Macbook it is perfectly working since the app url is localhost:8000 and I haven't created vhosts.

TIA

note: i put space in app url as i am not allowed to add links on first post.