How can I connect the Laravel 11 API to Angular 18?

[dire frost]

this is the error

[frail saddle]

You need to configure CORS in laravel, so it allows requests from your Angular application (This is not related to Angular, but to how browsers handle cross origin requests). See https://laravel.com/docs/11.x/routing#cors

[silk steppe]

Have you tried?

php artisan config:publish cors

And then in config/cors.php add http://localhost:4200 in allowed_origins?

[trail hound]

just enable CORS on config using * or white list url

[dire frost]

this is my CORS file

[trail hound]

try this

    'paths' => ['api/*', 'sanctum/csrf-cookie'],
    'allowed_methods' => ['*'],
    'allowed_origins' => ['*'],
    'allowed_origins_patterns' => [],
    'allowed_headers' => ['*'],
    'exposed_headers' => [],
    'max_age' => 0,
    'supports_credentials' => false,
];

[dire frost]

this is what the errors says

[trail hound]

did u try my code?

[dire frost]

I did

[trail hound]

maybe cache

try this php artisan config:cache

[dire frost]

this is my app.php in bootstrap file do you think theres something wrong here?

[trail hound]

or change this 'paths' => ['foodly-api/api/*', 'sanctum/csrf-cookie'],

[trail hound]

looks like the problem is solved 😃

[dire frost]

the error is still there 😦