Get 401(Unauthenticated) error after login on laravel sanctum with nuxtjs

Question

I have installed:

laravel v 7.30.4
nuxtjs v 2.15.7

After i login in my laravel sanctum with nuxtjs auth module, when nuxt try to get user, laravel response 401 error(Unauthenticated message).

My network status:

My cookies status:

api.php:

    Route::group(['middleware'=>'auth:sanctum'], function (){
       Route::get('/user', function (Request $request){
          return $request->user();
       });
    });

nuxt.config.js :

   auth:{
    strategies: {
      'laravelSanctum': {
        provider: 'laravel/sanctum',
        url: 'http://localhost:8000',
        endpoints:{
          login:{
            url:'/login'
          },
          logout:{
            url:'/api/logout'
          },
        },
        user:{
          property:false
        }
      },
    },
    redirect:{
      login: '/auth/login',
      logout:'/',
      home:'/'
    },
    cookie: {
      options: {
        sameSite: 'lax'
      },
    },
  },

LoginController.php :

    public function login(Login $request)
    {
        $user=User::where('phone_number', $request->phone_number)->first();
        if (Hash::check($request->password, $user->password)){
            $request->session()->regenerate();
            return response()->json(null, 201);
        }
        return $this->setStatusCode(422)->respondWithError('password','invalid pasword');
    }

.env :

SESSION_DRIVER=file
SESSION_LIFETIME=120
SESSION_DOMAIN=localhost

SANCTUM_STATEFUL_DOMAINS=localhost:3000

I don't know where is problem that i get 401 error!

Hey man, did yo get that to work? I am having exactly the same issue here. — Robert, Jul 11 '22 at 18:26
Hi. I switched my authentication method and used JWT authentication. You can see my project in https://github.com/hotel-motel . Furthermore, you can config it like Sacntum in Nuxt. — Omid Reza Heidari, Jul 18 '22 at 09:44

score 3 · Answer 1 · answered Jul 09 '21 at 10:39

3

I had the same issue, the solution was to add localhost:8000 (laravel domain) to SANCTUM_STATEFUL_DOMAINS

SESSION_DOMAIN=localhost
SANCTUM_STATEFUL_DOMAINS=localhost:8000,localhost:3000

answered Jul 09 '21 at 10:39

user2956278

31
1

score 2 · Answer 2 · answered Jul 06 '21 at 07:39

2

you need to return your api token after logging in. and send it in every request that you use middleware('auth:sanctum') in laravel route.

more info about issuing tokens in sanctum

getting user requires token and if not provided it with throw 401 error.

answered Jul 06 '21 at 07:39

fevid

723
6
18

2

it not api token auth, it spa auth : https://laravel.com/docs/8.x/sanctum#spa-authentication – Omid Reza Heidari Jul 06 '21 at 09:43

score 1 · Answer 3 · edited Sep 10 '21 at 14:07

1

on your .env you can add this SESSION_SECURE_COOKIE=false

edited Sep 10 '21 at 14:07

Ala Tarighati

3,507
5
17
34

answered Sep 10 '21 at 13:42

Emperor Jato

11
1

score 0 · Answer 4 · answered Jul 14 '21 at 21:28

0

Have you added the EnsureFrontendRequestsAreStateful to the api middleware groups within your application's app/Http/Kernel.php file?

use Laravel\Sanctum\Http\Middleware\EnsureFrontendRequestsAreStateful;

protected $middlewareGroups = [
  ...
  'api' => [
      EnsureFrontendRequestsAreStateful::class, // Add & import this class
      'throttle:60,1',
      \Illuminate\Routing\Middleware\SubstituteBindings::class,
  ],
];

This is necessary if you are using sanctum with an SPA app. This has been documented as part of the Installation

Also take a look at this section to see if the issue you are having is related to CORS in Sanctum

answered Jul 14 '21 at 21:28

Abishek

11,191
19
72
111

i did it first :) i see document and did it but iit did not work – Omid Reza Heidari Jul 15 '21 at 04:00
Are you using the `nuxt/auth` package. If not, can you try using that instead and see if that fixes the issue? https://auth.nuxtjs.org/providers/laravel-sanctum/ Here is another blog post on its usage https://swapnil.dev/blog/authentication-in-nuxtjs-using-laravel-sanctum/ – Abishek Jul 15 '21 at 14:14
@OmidRezaHeidari, did you get anywhere close to solving the issue yet or are you still getting 401 error? – Abishek Jul 16 '21 at 16:34
i get 401 response yet ! – Omid Reza Heidari Jul 17 '21 at 15:01
@OmidRezaHeidari did you manage to resolve this by any chance? – Eden WebStudio Sep 12 '21 at 10:35

Get 401(Unauthenticated) error after login on laravel sanctum with nuxtjs

4 Answers4

Linked