Hi everyone!

I started working on a Next.js and Laravel app. I know it would be better to just use Next.js but it's not something that is possible at the moment.

Currently I'm developing locally but I'm unable to send requests due to CORS. Typically installing laravel-cors solves my issue but now that comes standards with Laravel 9. HandleCors is added in Kernel.php and cors.php is the following

<?php

return [

    'paths' => ['*', 'api/*'],

    'allowed_methods' => ['*'],

    'allowed_origins' => ['*'], //also tried allowed_origins => ['http://localhost:3000'],

    'allowed_origins_patterns' => [],

    'allowed_headers' => ['*'],

    'exposed_headers' => [],

    'max_age' => 0,

    'supports_credentials' => false, //also tried true

];

   

I also tried adding a proxy in package.json.

Rewrites in next.config.js stopped the CORS problem but for some reason it did not take into account the fetch method provided and it was causing my request to become GET despite it being a POST request.

/** @type {import('next').NextConfig} */
const nextConfig = {
    async rewrites() {
        return [
            {
                source: '/api/:path*',
                destination: 'http://localhost:8000/api/:path*',
            },
        ]
    },
}

module.exports = nextConfig

Any ideas on what else i can do ?
Thanks a lot!