Yii2 cors фильтрует ошибку, если нет заголовка "Access-Control-Allow-Origin"

Следуя Этот вопрос, я установил поведение контроллера останова как

public function behaviors()
{
    $behaviors = parent::behaviors();

    $auth= $behaviors['authenticator'] = [
        'class' => HttpBearerAuth::className(),
        'only' => ['dashboard'],
    ];
    $behaviors['contentNegotiator'] = [
        'class' => ContentNegotiator::className(),
        'formats' => [
            'application/json' => Response::FORMAT_JSON,
        ],
    ];
    $acces=$behaviors['access'] = [
        'class' => AccessControl::className(),
        'only' => ['login'],
        'rules' => [
            [
                'actions' => ['login'],
                'allow' => true,
                'roles' => ['?'],
            ],
        ],
    ];

    unset($behaviors['authenticator']);
    unset($behaviors['access']);

И теперь фильтры cors

    // add CORS filter
    $behaviors['corsFilter'] = [
        'class' => \yii\filters\Cors::className(),
          'cors' => [
        // restrict access to
        'Access-Control-Allow-Origin' => ['*'],
        'Access-Control-Request-Method' => ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'HEAD', 'OPTIONS'],
        // Allow only POST and PUT methods
        'Access-Control-Request-Headers' => ['*'],
        // Allow only headers 'X-Wsse'
        'Access-Control-Allow-Credentials' => true,
        // Allow OPTIONS caching
        'Access-Control-Max-Age' => 86400,
        // Allow the X-Pagination-Current-Page header to be exposed to the browser.
        'Access-Control-Expose-Headers' => [],
      ]
    ];

    // re-add authentication filter
    $behaviors['authenticator'] = $auth;
       $behaviors['access'] = $access;
    // avoid authentication on CORS-pre-flight requests (HTTP OPTIONS method)
    $behaviors['authenticator']['except'] = ['options'];
    return $behaviors;
}

Мой интерфейс angular2 как

    const body = JSON.stringify(user);
let headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
headers.append('Content-Type', 'application/json');
headers.append('Access-Control-Allow-Credentials', "*");
return this._http.post(this.loginUrl, body, { headers:headers })
  .map((response: Response) => {
     //process response
  })
.catch(this.handleError);

Но я все еще получаю сообщение об ошибке

Response to preflight request doesn't pass access control check: No
 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 
 'http://localhost:3000' is therefore not allowed access.

Что может быть неправильным с того момента, когда Ive установил фильтр cors в yii2, поведение отключило аутентификатор и добавило его позже Что я могу пропустить?

Я также проверил эту ссылку, а также этот  но никто не решает проблему

ОТВЕТЫ

Ответ 1

В случае возникновения проблем с заголовками CORS, я рекомендую использовать следующую инструкцию:

  • Добавьте конфигурацию cors к контроллеру. Например:

    /**
 * List of allowed domains.
 * Note: Restriction works only for AJAX (using CORS, is not secure).
 *
 * @return array List of domains, that can access to this API
 */
public static function allowedDomains() {
    return [
        // '*',                        // star allows all domains
        'http://test1.example.com',
        'http://test2.example.com',
    ];
}

/**
 * @inheritdoc
 */
public function behaviors() {
    return array_merge(parent::behaviors(), [

        // For cross-domain AJAX request
        'corsFilter'  => [
            'class' => \yii\filters\Cors::className(),
            'cors'  => [
                // restrict access to domains:
                'Origin'                           => static::allowedDomains(),
                'Access-Control-Request-Method'    => ['POST'],
                'Access-Control-Allow-Credentials' => true,
                'Access-Control-Max-Age'           => 3600,                 // Cache (seconds)
            ],
        ],

    ]);
}

  • Приведенный выше код добавит специальные заголовки в ответ. Проверьте http-заголовки с помощью инструментов отладки браузера:

  • Запрос http-заголовка должен содержать Origin. Он будет автоматически добавлен браузером в Crossdomain AJAX. Этот http-заголовок может быть добавлен также через вашу JS-библиотеку. Без этого http-заголовка corsFilter не будет работать.

    POST /api/some-method-name HTTP/1.1
Host: api.example.com
Connection: keep-alive
Content-Length: 86
Accept: */*
Origin: https://my-site.example.com
User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Referer: https://my-site.example.com/
Accept-Encoding: gzip, deflate, br
Accept-Language: en-GB,en;q=0.8,en-US;q=0.6,ru;q=0.4

  • Заголовки HTTP ответа должны содержать заголовки Access-Control-*. Этот http-заголовок будет добавлен corsFilter.

    HTTP/1.1 200 OK
Access-Control-Allow-Credentials: true
Access-Control-Allow-Origin: https://my-site.example.com
Content-Type: application/json; charset=UTF-8
Date: Fri, 24 Feb 2017 09:21:47 GMT
Server: Apache
Content-Length: 27
Connection: keep-alive

  • Если вы не видите эти заголовки http в ответе, возможно, это означает, что \yii\filters\Cors не работает.

  • Проверьте другие типы поведения/фильтры в контроллере. Попробуйте добавить corsFilter как первое поведение. Вероятно, некоторые другие действия предотвращают выполнение corsFilter.

  • Попробуйте отключить проверку CSRF для этого контроллера (это может помешать внешнему доступу):

    /**
 * Controller for API methods.
 */
class ApiController extends Controller
{

    /**
     * @var bool See details {@link \yii\web\Controller::$enableCsrfValidation}.
     */
    public $enableCsrfValidation = false;

    // ...
}

  • Дополнительно следует проверить ваш веб-сервер. Вероятно, nginx может потребовать дополнительной конфигурации, apache может потребовать перезапуск .

  • Access-Control-* заголовки в ответе могут быть добавлены с помощью веб-сервера (см. apache и nginx). Но я не рекомендую использовать этот способ, потому что в этом случае вы не можете управлять http-айерами с помощью приложения.

  • Некоторые полезные сведения можно найти здесь:

Ответ 2

Попробуйте следующее:

public static function allowedDomains()
{
    return [
        // '*',                        // star allows all domains
        'http://localhost:3000',
        'http://test2.example.com',
    ];
}  



public function behaviors()
    {
        return array_merge(parent::behaviors(), [

            // For cross-domain AJAX request
            'corsFilter'  => [
                'class' => \yii\filters\Cors::className(),
                'cors'  => [
                    // restrict access to domains:
                    'Origin'                           => static::allowedDomains(),
                    'Access-Control-Request-Method'    => ['POST'],
                    'Access-Control-Allow-Credentials' => true,
                    'Access-Control-Max-Age'           => 3600,                 // Cache (seconds)

                ],
            ],

        ]);
    }

Добавьте эту функцию на свой контроллер.

И One Thing angular2 сначала используйте метод OPTION. Для этого также разрешите метод OPTION