Laravel "Symfony\Component\HttpKernel\Exception\HttpException" error

Question

In my Laravel, Vue JS application, I'm getting this type of error after I transferred my application to our server.

Symfony\Component\HttpKernel\Exception\HttpException

I saw the same problem here but there's no answer. I hope this time there will be someone that can provide an answer or solution for this type of error.

Note:

1. This error only happens if I tried to access the application from a server using other devices.
2. Error occurs irregularly. If it doesn't show on first, sometimes shows-up after 2 or more ajax request.
3. I'm using vForm for my ajax request.
4. It works fine on my pc/localhost.
5. It works fine as well when I tried to access my application inside my server. I mean, I tried to use the browser inside our server and it works with no problem.

PS.

• I checked my Request Header and X-CSRF-TOKEN is there.
• In my Request Payload _token is there as well.

Below are my codes:

VueJS Method:

UpdateDepartmentInfo(){

            this.departmentToUpdate._token = this.$root.csrf;

            this.requestUpdateDepartmentOnProgress = true;

            this.departmentToUpdate.put('department/'+this.departmentToUpdate.id)
                .then((response) => {              
                    this.requestUpdateDepartmentOnProgress = false;      
                    this.GetDepartmentList();
                    swal(
                        'Department Info. Saved!',
                        'Department information has been successfully updated to database!',
                        'success'
                    );
                })
                .catch((error) => {
                    this.requestUpdateDepartmentOnProgress = false;
                    if (error.response.status == 401) {
                        alert('User session has expired. Please login again.');
                        location.replace("/login");
                    }
                });
        }

Laravel Controller:

public function update(Request $request, $id)
    {

        // Check if the department object from model if it exists
        try{
            $department = Department::findOrFail($id);
        }catch(\Exception $e){
            return response(['error' => 'The department you want to edit can\'t be found in the database!' ], 400);
        }

        // check if it was just the status was sent 
        if($request['newStat'] != null){
            $department->status  = $request['newStat'];
        }else{

            $this->validate($request,[
                'name'      => 'required|string|max:191',
                'code'      => 'required|string|max:10',
            ]);

            $department->name           = $request['name'];
            $department->code           = $request['code'];
            $department->description    = $request['description'];
            $department->status         = $request['status'];       
        }

        $department->save();
        return ['message' => 'ok'];


    }

Thank you in advance!

Answer 1

in your .env file make changes like this

APP_URL=http://your_server_url

or you have to put thin in your index.php file

header("Access-Control-Allow-Origin: http://localhost");

Answer 2

check in the resources/js/components folder in you component if you have
http://127.0.0.1:8000/fetchusers

change it to

 fetch('fetchusers',{
            method:'POST',
            headers:{
                'Content-Type':'application/json',
                X_CSRF_TOKEN:('meta[name="csrf-token"]').content,
                'Accept':'application/json'
            }
        })

it might help.

Answer 3

it's because of the csrf_token usually, you can check this documentation hope it will solve yours too.

https://laravel.com/docs/5.6/csrf#csrf-x-csrf-token

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

    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});```
 

Answer 4

check your storage/log/laravel.log file is there. Also they have permission to write/read

this can be fixed quite easily by running:

sudo chmod -R 777 storage/logs