Error 404 when trying to connect to Laravel Passport API through VUE.JS

Did you try it without the middleware? That would isolate to being related to the auth:api or some other issue.

Yes, I tryed it but got no different response.

Do other routes work?

You might check php artisan route:list and see if everything looks right.

Yeah, everything always looked okay in route:list. Even cleared all cached files and double checked everything but it just wont work with Laravel Passport enabled.

I looked a the code that you provided. I didn't see anything that looked off. I did notice that your using http basic auth. What http server are you using? It's mentioned here that you could need to update the .httaccess file. https://laravel.com/docs/master/authentication#http-basic-authentication

Have done every think and run below command in your CMD,

  npm run dev

and then run below command to view the out put in the url

  php artisan serve

Routes defined in the routes/api.php file are nested within a route group by the RouteServiceProvider. Within this group, the /api URI prefix is automatically applied so you do not need to manually apply it to every route in the file. You may modify the prefix and other route group options by modifying your RouteServiceProvider class.

You might want to try accessing /api/expenses/historic if the route was added inside api.php routes file.