No 'Access-Control-Allow-Origin' header is present on the requested resource LARAVEL, AXIOS, REACT

I am doing an Axios POST request and getting the below issue:

Access to XMLHttpRequest at 'https://bvend.xyz/get_agreement_id/1' from origin 'http://127.0.0.1:8000' has
been blocked by CORS policy: Response to preflight request doesn't pass access control
check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

app.js:63976 

Error: Network Error
    at createError (app.js:633)
    at XMLHttpRequest.handleError (app.js:176)**

However I know for this CORS issue i need to manually allow the config. I used the following code creating a middleware Cors:

header("Access-Control-Allow-Origin: *");

//ALLOW OPTIONS METHOD
$headers = [
  'Access-Control-Allow-Methods' => 'POST,GET,OPTIONS,PUT,DELETE',
  'Access-Control-Allow-Headers' => 'Content-Type, X-Auth-Token, Origin, Authorization',
];

if ($request->getMethod() == "OPTIONS"){
  //The client-side application can set only headers allowed in Access-Control-Allow-Headers
  return response()->json('OK',200,$headers);
}

$response = $next($request);
foreach ($headers as $key => $value) {
  $response->header($key, $value);
}

return $response;

But the problem didn't resolve. I also used https://github.com/fruitcake/laravel-cors. But getting same issue. I have tried all possible solution but no outcome. I need help.

via Chebli Mohamed