对symfony api的ajax请求未返回“Access Control Allow Origin”标头

Question

我正在使用React制作简单的应用程序，将ajax请求发送到使用Symfony制作的API。我正在开发反应应用程序和Symfony api。我将请求从localhost:3000发送到localhost:8000。这是我发送的ajax请求

addUser (data) {
    console.log('made it')
    let request = {
      method: 'post',
      url: 'http://127.0.0.1:8000/user/post',
      data: JSON.stringify({'username': data}),
      contentType: 'application/json'
    }
    $.ajax(request)
      .done(data => this.addUserSuccess(data))
      .fail(err => this.addUserFail(err))
  }

这是Symmfony应用程序，负责处理请求

/**
     * Creates a new user entity.
     *
     * @Route("/post", name="user_new")
     * @Method({"GET", "POST"})
     */
    function newAction(Request $request ) {
        echo $request;
        $body = $request->getContent();
        $body = json_decode($body,true);
        $username = $body['username'];
        $user = new User($username);
        $em = $this->getDoctrine()->getManager();
        $em->persist($user);
        $em->flush();

        return new JsonResponse($user,200,array('Access-Control-Allow-Origin'=> '*'));
    } 

我到目前为止在开始，你可以看到我正在创建没有密码，安全或任何东西的新用户。我只想让它工作，并能够发送请求从应用程序到api。结果如下

无法加载XMLHttpRequesthttp://127.0.0.1:8000/user/post. 对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“访问html" target="_blank">控制允许来源”标头。起源'http://localhost:3000因此，不允许访问。响应的HTTP状态代码为405。

我以前见过很多类似的问题，其中一个答案是返回带有标题的JsonResponse，正如您所看到的，它不起作用。

下面是我遵循的其中一个问题的答案-访问控制不允许使用Origin允许使用Origin，但不幸的是没有成功。

你能告诉我怎么修吗？提前谢谢你！

Answer 1

您需要在PHP文件上设置正确的标题。

 header('Access-Control-Allow-Origin: *');

Answer 2

以下是我为同样的情况所做的。在app/config/config_dev.yml中添加新服务。将其放入config_dev.yml意味着这只会影响通过app_dev.php发出的请求。

services:
    app.cors_listener:
        class: AppBundle\Security\CorsListener
        tags:
            - { name: kernel.event_listener, event: kernel.response, method: onKernelResponse }

以及AppBundle/Security/CorsListener.php的内容：

<?php
namespace AppBundle\Security;

use Symfony\Component\HttpKernel\Event\FilterResponseEvent;

// Based on http://stackoverflow.com/a/21720357
class CorsListener
{
    public function onKernelResponse(FilterResponseEvent $event)
    {   
        $responseHeaders = $event->getResponse()->headers;

        $responseHeaders->set('Access-Control-Allow-Headers', 'origin, content-type, accept, credentials');
        $responseHeaders->set('Access-Control-Allow-Origin', 'http://localhost:8080');
        $responseHeaders->set('Access-Control-Allow-Credentials', 'true');
        $responseHeaders->set('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, PATCH, OPTIONS');
    }
}