No 'Access-Control-Allow-Origin' header is present on the requested resource.
How to solve this issue?
Laravel project by default includes a generic CORS configuration at
$APP_FOLDER/config/cors.php which can be fine-tuned to meet your application needs. Here is a sample configuration file generated for a new Laravel application (without the comments).
<?php return [ 'paths' => ['api/*'], 'allowed_methods' => ['*'], 'allowed_origins' => ['*'], 'allowed_origins_patterns' => , 'allowed_headers' => ['*'], 'exposed_headers' => , 'max_age' => 0, 'supports_credentials' => false, ];
To inspect the API response headers from the Vue frontend, modify the `exposed_headers` array to use the wildcard ` character as shown below:
'exposed_headers' => ['*'],