1

I am trying to make login for users, but when I try to login I have error status code 419. CSRF token mismatch.

I am using php artisan serve for running localhost on http://localhost.

I suppose that the problem is that I am using http instead of https, but I am not sure( as I know php artisan serve works only on http)

api.js

Route::group(['middleware' => ['web']], function () {
Route::post('register','Auth\RegisterController@register');  
Route::post('login','Auth\LoginController@login');  

});

LoginController

<?php

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;
use App\Providers\RouteServiceProvider;
use Illuminate\Foundation\Auth\AuthenticatesUsers;
use Auth;
use Illuminate\Http\Request;
class LoginController extends Controller
{
    /*
    |--------------------------------------------------------------------------
    | Login Controller
    |--------------------------------------------------------------------------
    |
    | This controller handles authenticating users for the application and
    | redirecting them to your home screen. The controller uses a trait
    | to conveniently provide its functionality to your applications.
    |
    */

    use AuthenticatesUsers;

    /**
     * Where to redirect users after login.
     *
     * @var string
     */
    //protected $redirectTo = RouteServiceProvider::HOME;
    protected $redirectTo =  '/';

    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {

        $this->middleware('guest')->except('logout');
    }
}

Login.js I call axios like this

onSubmit(e){
        e.preventDefault();
        const {email , password} = this.state ;
        axios.post('api/login', {
            email, 
            password
          })
          .then(response=> {
            this.setState({err: false,loggedIn:true,data:response.data.credentials.email},() => {
                localStorage.setItem('allProjects', this.state.data), localStorage.setItem('loginVar', JSON.stringify(true))});
             hashHistory.push("/") ; 

          })
          .catch(error=> {
            this.refs.email.value="";
            this.refs.password.value="";
            this.setState({err: true,loggedIn:false, errors: error.response.data,data:''});
            console.log(error.response.data);
            localStorage.setItem('allProjects', 'guest');
            localStorage.setItem('loginVar', false);


         });
     }

Does anyone have idea how to correct this issue?

Thank you

1
  • 1
    this can help you Commented Jun 11, 2020 at 10:37

0

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.