使用 Symfony 作为后端并得到 CORS 错误

Question

我从我的 React 前端向我的 Symfony 后端发送一个请求。（以前它在纯 PHP 后端上运行良好）。

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

URL 中主要是我的 Symfony 控制器的路由

<?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);
    }
}

在 Symfony 中，与数据库的连接很好。

尽管我已经在 Symfony 中安装了 Nelmino CORS 包，并在

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

我仍然收到以下错误消息

我能做什么？

Answer 1

您需要将此代码添加到 .env

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

Answer 2

假设您已将 Symfony（安全）配置为使用会话 cookie 进行身份验证，请将 allow_credentials: true 添加到 nelmio_cors.yaml，并将 withCredentials: true 添加到 axios 配置对象：

config/packages/nelmio_cors.yaml

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

你的 axios sn-p

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