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

Ответ 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-айерами с помощью приложения.

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

  • Yii2: Как разрешить CORS для не-restfull API

Ответ 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