JWT authentication always returns 401 unauthorized - laravel

Question

I am implementing JWT token for my laravel 6 project. I have followed this tutorial and successfully configured the application to use JWT. I am also able to login using auth()->attempt($credentials) which returns the JWT token.
Now when I try to access any other api route and send jwt token in request header for authorization, it always returns 401 (Unauthorized).
Here is my code
api.php
Route::group([
'prefix' => 'auth'
], function ($router) {
Route::post('login', 'Auth\React\RAuthController#login');
Route::post('get_user_pages', 'Auth\React\RAuthController#getUserPages');
});
axios request
const response = await axios.post('http://127.0.0.1:8000/api/auth/get_user_pages', {}, {
headers: {"Authorization": `Bearer ${cookie.load('token')}`}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
Controller function
public function getUserPages()
{
$auth_user_id = auth()->id();
$user_role_id = User::find($auth_user_id)->roles->makeHidden('pivot')->pluck('id')->first();
return $user_pages = ROLE::find($user_role_id)->pages->toArray();
}
I don't understand when I am able to access login route then why not other routes?

Answer 1

Try editing the route
Route::group([
'middleware' => 'api',
'prefix' => 'auth'
], function ($router) {
Route::post('login', 'Auth\React\RAuthController#login');
Route::post('get_user_pages', 'Auth\React\RAuthController#getUserPages');
});
Insideconfig/auth.php file:
'guards' => [
'api' => [
'driver' => 'jwt',
'provider' => 'users',
],
],