YI2和reactjs CORS筛选器给出错误：预飞行的响应具有无效的HTTP状态代码401

Question

我正在尝试使用reactJs中的ajax请求来获取一个需要从YI2中的承载身份验证的资源。

请求标头

accept:/
accept-encoding：gzip,deflate,sdch,br
access-control-request-headers：authorization
access-control-request-method：get
access-control-request-method：keep-alive
主机：localhost
来源：http：//localhost:8110
引用：http：//localhost:8110/
用户代理：mozilla/5.0(x11；Linux

响应标头

access-control-allow-credentials：true
access-control-allow-headers：authorization
access-control-allow-methods：GET,POST,PUT,options
access-control-allow-origin：http：//localhost：8110
connection：keep-alive
content-length：150
content-type：application/json；charset=UTF-8
日期：Fri,21 Apr 2017 10:36:27 GMT
Keep-alive:Timeout=5,Max=99
服务器:Apache/2.4.25(Ubuntu)
www.authenticate:barer realm=“API”

这是我在YI2框架中的行为方法

public function behaviors()
  {
        $behaviors = parent::behaviors();
        unset($behaviors['authenticator']);
        return [
                [
                    'class' => 'yii\filters\ContentNegotiator',
                    'only' => ['view', 'index', 'filters', 'slug', 'shortlist'],  // in a controller
                    // if in a module, use the following IDs for user actions
                    'formats' => [
                        'application/json' => Response::FORMAT_JSON,
                    ],
                ],
                'corsFilter' => [
                    'class' => \yii\filters\Cors::className(),
                    'cors' => [
                        'Origin' => ['*'],
                        'Access-Control-Request-Method' => ['GET', 'POST', 'PUT', 'OPTIONS'],
                        'Access-Control-Request-Headers' => ['*'],
                        'Access-Control-Allow-Credentials' => true,
                        ],
                ],
                'authenticator' => [
                        'class' => \yii\filters\auth\HttpBearerAuth::className(),
                        'except' => ['options'],
                ],
        ];
  }

我知道这个问题与CORS有关，因为相同的请求与Postman和cURL（来自terminal）使用相同的令牌可以很好地工作，reactjs和ajax显示相同的错误。

Answer 1

你的错误在于：

'except' => ['options'],

类“HttpBearerAuth”继承了YII\Base\ActionFilter，根据文档，该公共属性“$Except”定义了一个“不应应用此筛选器的操作ID列表”。而不是http方法。因此，以上所述将不包括来自“authenticator”的预飞行请求，而是对actionOptions（）的请求，而这并不是您想要的。

您应该做的是避免为一个OPTIONS http请求返回401 http错误（这会导致您的错误），而只返回一个200空的响应。您可以通过添加以下内容来完成此操作：

public function beforeAction($action)
{
    //your code

    if (Yii::$app->getRequest()->getMethod() === 'OPTIONS') {
        parent::beforeAction($action);
        Yii::$app->getResponse()->getHeaders()->set('Content-Type', 'text/plain');
        Yii::$app->end();
    }

    return parent::beforeAction($action);
}