Laravel auth()->guard() returns null using vue js

Question

I have a login form in vue.js. I just have to login user with vue.js and laravel. Once login user will redirect to a dashboard which is already developed with laravel only. I am trying to login but it is not working and auth()->guard returns null so that user redirected to the login page instead of the dashboard. When I use postman in that case it works well.

Vue js

this.$http.post('http://localhost/project/admin/vendors/validate_login',{phone_number : this.phone_number},{
  headers: {
    "Access-Control-Allow-Origin": "*"
  }
})
.then((response) =>{
  if(response.data.status == 'success')
  {
    window.location = "http://localhost/project/admin/vendors/dashboard";
  }
})

Laravel - validate login :

public function validate_login(Request $request)
{
    $arr_rules      = array();
    $status         = false;

    $remember_me               = "";
    $arr_rules['phone_number'] = "required";
    $validator = validator::make($request->all(),$arr_rules);
    if($validator->fails()) 
    {
         return response()->json([
                'status' => 'error',
                'msg' => "Mobile number is empty"
         ]);
    }
    $obj_group_vendor  = $this->UsersModel
                         ->where('phone_number',$request->only('phone_number'))
                         ->first();
    if($obj_group_vendor) 
    {
        if($this->auth->attempt(['phone_number' => $request->phone_number,
                                 'role_id'      => 3]))
        {
            return response()->json([
                'status' => 'success',
                'msg' => "You are successfully login to your account."
            ]);
        }
        else
        {
            return response()->json([
                'status' => 'error',
                'msg' => "Invalid login credential."
            ]);
        }
    }
    else
    {
        return response()->json([
            'status' => 'error',
            'msg' => "Invalid login credentials."
        ]);
    }
    return;
}

Route:

$web_vendor_path = config('app.project.vendor_panel_slug');
Route::group(array('prefix'    => $web_vendor_path,
                   'middleware'=> ['vendor_auth_check']), function ()
{
    $route_slug = 'vendor_';
    Route::post('validate_login', ['as'   => $route_slug.'validate', 
                                   'uses' => $module_controller.'validate_login']);
});

Route::group(array('prefix'    => $web_vendor_path,
                   'middleware'=>'auth_vendor'), function () 
use($web_vendor_path)
{
    $route_slug        = 'vendor_';
    $module_controller = "Vendor\DashboardController@";
    Route::get('/dashboard',['as'   => $route_slug.'index', 
                             'uses' => $module_controller.'index']);
});

Any help would be appreciated.

Why not using laravel passport? if you don't want use laravel passport then use laravel default login method — bhavinjr
– bhavinjr, Commented Mar 7, 2019 at 8:54
@bhavinjr Actually I already did all the functionality of the dashboard. This is only change that I have to use vue js — amM
– amM, Commented Mar 7, 2019 at 9:00
A couple of things to check: 1. Check if you have session enabled. It is required with the default Laravel auth. 2. Check that your user table has standard id field or you identify the $primaryKey field in your model for the user id. — Noogen
– Noogen, Commented Mar 7, 2019 at 23:25
can you please show your router ? also, could you check what the response is in then callback ?? thanks — punk73
– punk73, Commented Mar 12, 2019 at 2:39

Flame · Accepted Answer · 2019-03-14 18:32:51Z

2

Just spitting out some ideas here:

Try to set the 'Content-Type': 'application/x-www-form-urlencoded' header for all POST requests.
In addition, the Access-Control-Allow-Origin is a header that should be in the response of the webserver. It is not a header you should be sending in your request from javascript.

answered Mar 14, 2019 at 18:32

Flame

7,7563 gold badges43 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Udhav Sarvaiya · Accepted Answer · 2019-03-16 09:10:59Z

2

+50

Make sure you have web middleware enabled on your route file in app/Providers/RouteServiceProvider.php

Then check in app/Http/Kernel.php that \Illuminate\Session\Middleware\StartSession::class, is added and enabled in $middlewareGroups['web']

edited Mar 16, 2019 at 9:10

Udhav Sarvaiya

10.2k13 gold badges60 silver badges68 bronze badges

answered Mar 15, 2019 at 10:07

Apród Illés

2661 silver badge13 bronze badges

1 Comment

amM Over a year ago

Yes both things are same as said by you but still not working.

amM · Accepted Answer · 2019-07-23 07:21:15Z

2

When doing a POST/PATCH/PUT/DELETE request from the browser, you need to include the CSRF token of your page.

this.$http.post('http://localhost/project/admin/vendors/validate_login',{phone_number : this.phone_number},{
  headers: {
    "Access-Control-Allow-Origin": "*",
    "X-CSRF-TOKEN": document.head.querySelector('meta[name="csrf-token"]').content
  }
})
.then((response) =>{
  if(response.data.status == 'success')
  {
    window.location = "http://localhost/project/admin/vendors/dashboard";
  }
})

And be sure that you have the CSRF included as a meta tag in all your pages:

<meta name="csrf-token" content="{{ csrf_token() }}">

edited Jul 23, 2019 at 7:21

amM

5292 gold badges16 silver badges35 bronze badges

answered Mar 13, 2019 at 11:47

gbalduzzi

10.4k3 gold badges36 silver badges65 bronze badges

1 Comment

amM Over a year ago

I have disable this route to work withour csrf token. So no need to pass csrf token

ruelluna · Accepted Answer · 2019-07-19 12:13:04Z

0

If you're using an api guard, do this auth()->guard('api').

answered Jul 19, 2019 at 12:13

ruelluna

7971 gold badge11 silver badges30 bronze badges

Collectives™ on Stack Overflow

Laravel auth()->guard() returns null using vue js

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related