Using Symfony as a backend and getting CORS error

Question

From my React Frontend I send a request to my Symfony backend.(Previously it worked fine with a pure PHP backend) .

useEffect(() => {
              axios.get('http://localhost:8080/real_estate_refactored_backend/main').then((response) => {
                console.log(response);
            })
            .catch((error) => {
                console.log(error.message);
            });
  });

The main in the URL is the route of my Symfony controller

<?php

namespace App\Controller;

use App\Entity\Estates;
use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
use Symfony\Component\HttpFoundation\Response;
use Symfony\Component\Routing\Annotation\Route;

class MainController extends AbstractController
{
    /**
     * @Route("/main", name="main")
     */
    public function index(): Response
    {
        $entityManager = $this->getDoctrine()->getManager();
        $estates = $entityManager->getRepository(Estates::class)->findAll();

        $response = new Response();
   

    $response->setContent(json_encode([
        'estates' => uniqid(),
    ]));

    $response->headers->set('Content-Type', 'application/json');
  
    $response->headers->set('Access-Control-Allow-Origin', '*');
    return new Response($response);
    }
}

In Symfony the connection with the database went fine.

And eventhough I have installed the Nelmino CORS bundle in Symfony with the following configuration in the

nelmino_cors.yaml

nelmio_cors:
    defaults:
        origin_regex: true
        allow_origin: ['*']
        allow_methods: ['GET', 'OPTIONS', 'POST', 'PUT', 'PATCH', 'DELETE']
        allow_headers: ['*']
        expose_headers: ['Link']
        max_age: 3600
    paths:
        '^/': null

I still get the following error message

What can I do?

Hello, could you try to change the paths (in nelmio_cors.yaml) to: '^/': ~ ? — Adrien LAMOTTE
– Adrien LAMOTTE, Commented Mar 23, 2021 at 15:31
And erasing tje other stuff? Yes I did with the same result. — Fabian Andiel
– Fabian Andiel, Commented Mar 23, 2021 at 15:45
Did you tried to clear your cache? As mentionned here: stackoverflow.com/a/54572925/1750964 — Adrien LAMOTTE
– Adrien LAMOTTE, Commented Mar 23, 2021 at 16:11

Vinci · Accepted Answer · 2021-03-24 04:36:22Z

1

You need to add this code to .env

###> nelmio/cors-bundle ###
CORS_ALLOW_ORIGIN=^.*$
###< nelmio/cors-bundle ###

answered Mar 24, 2021 at 4:36

Vinci

1,2961 gold badge14 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jeroen van der Laan · Accepted Answer · 2021-03-24 11:46:01Z

1

Assuming you have Symfony (security) configured to use a session cookie for authention, add allow_credentials: true to nelmio_cors.yaml, and add withCredentials: true to the axios configuration object:

config/packages/nelmio_cors.yaml

nelmio_cors:
    defaults:
        allow_credentials: true
        # Your existing configuration...

Your axios snippet

axios.get('/foo', { withCredentials: true });

edited Mar 24, 2021 at 11:46

answered Mar 23, 2021 at 23:43

Jeroen van der Laan

7246 silver badges10 bronze badges

2 Comments

Fabian Andiel Over a year ago

Can you trell me where I have to go to do this config with cookies?

Jeroen van der Laan Over a year ago

What I meant is that I assume you have symfony's security.yaml configured to use a firewall based on session/cookie authentication. You don't need to do anything with that configuration if that's the case. Just apply the examples I provided in nelmio_cors.yaml and your axios instance configuration (while keeping everything the same as in your original post). This allows your frontend and backend to share sessions/cookies despite being hosted on separate origins.

Collectives™ on Stack Overflow

Using Symfony as a backend and getting CORS error

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related