yii2+vue前后端分离时的跨域问题 [ 2.0 版本 ]

2017-10-30 10:39:31 14272次浏览 2条回答 3 悬赏 50 金钱

如题，我在前端发送请求时，请求方法是options，如果我post一个create，那么yii就会发现create请求应该是post而不是options，然后反了一个405，怎么处理呢？

补充于 2017-10-31 16:59

最后这样解决的

public function behaviors()
    {
        $behaviors = [
            'verbs' => [
                'class' => VerbFilter::className(),
                'actions' => [],
            ],
            'corsFilter' => [
                'class' => Cors::className(),
                'cors' => [
                    'Origin' => ['*'],
                    'Access-Control-Request-Method' => ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'HEAD', 'OPTIONS'],
                    'Access-Control-Request-Headers' => ['*'],
                    'Access-Control-Allow-Origin' => ['*'],
                    'Access-Control-Allow-Credentials' => true,
                    'Access-Control-Max-Age' => 86400,
                    'Access-Control-Expose-Headers' => [],
                ],
            ],
        ];
        if (Yii::$app->getRequest()->getMethod() !== 'OPTIONS') {
            $behaviors['authenticator'] = [
                'class' => HttpBearerAuth::className(),
                'optional' => [
                    'login',
                    'signup'
                ],
            ];
        }

        return $behaviors;
    }

正如@kasa0421所说，当继承rest\ActiveController时，访问post动作时，verb默认是post。这里重写verbs就行了

共 2 个回答

默认排序
  • 回答于 2017-10-30 11:23 举报

    如果你是APACHE服务器的话可以尝试在conf文件见里面配置header 试一下

    Header always set Access-Control-Allow-Origin "*"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS,DELETE"
Header always set Access-Control-Allow-Credentials "true"
Header always set Access-Control-Allow-Headers "Authorization,DNT,User-Agent,Keep-Alive,Content-Type,accept,origin,X-Requested-With"

    然后在我API认证的时候去除了对OPTIONS的请求的验证

     if (Yii::$app->getRequest()->getMethod() !== 'OPTIONS') {
     ....
 }

    你可以尝试这样配置下。另外就是我还做了一下将OPTIONS的请求都返回了200,让前端省去判断这个请求的返回结果。
    是在.htacess里面写的rewrite：

    RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ $1 [R=200,L]

    如果有需要你可以试试

    共 6 条回复
    回复于 2017-10-30 11:53 回复

    **我是这样配置的，基本的操作都是ok的，例如我登录的时候没问题，但是当我调用的是create方法时就不行了，是不是yii2默认设置了访问create方法时，要求verbs必须是post呢，如果我不调用create方法，而是其他的名字发现就可以啊。我配置在controler中如下：

    public function behaviors()
    {
        $behaviors = parent::behaviors();
        $behaviors['corsFilter'] = [
            'class' => Cors::className(),
            'cors' => [
                'Origin' => ['*'],
                'Access-Control-Request-Method' => ['GET', 'POST', 'PUT', 'PATCH', 'DELETE', 'HEAD', 'OPTIONS'],
                'Access-Control-Request-Headers' => ['*'],
                'Access-Control-Allow-Origin' => ['*'],
                'Access-Control-Allow-Credentials' => true,
                'Access-Control-Max-Age' => 86400,
                'Access-Control-Expose-Headers' => [],
            ],
        ];
        if (Yii::$app->getRequest()->getMethod() !== 'OPTIONS') {
            $behaviors['authenticator'] = [
                'class' => HttpBearerAuth::className(),
                'optional' => [
                    'login',
                    'signup'
                ],
            ];
        }

        return $behaviors;
    }
    回复于 2017-10-30 14:22 回复

    是这样的如果你继承了 yii\rest\ActiveController,默认使用的是rest风格的请求格式，create方法默认约定使用post请求的，你可以再慢慢看下文章中的restfull web服务路由章节。可以override这个verbs方法 加上OPTIONS对create的请求，也有别的方法如 http://www.yiichina.com/question/3205 这个哥们回答的针对某个action的请求加上options请求的允许

    回复于 2017-10-30 14:44 回复

    我现在的路由规则如下：

    'extraPatterns' => [
            'POST login' => 'login',
            'POST logout' => 'logout',
            'POST signup' => 'signup',
            'GET user-info' => 'user-info',
            'GET list' => 'list',
            'OPTIONS,POST create' => 'create',
            'POST add' => 'add',
        ],

    还是返回405啊，@kasa0421你是怎么解决这个问题的啊，你的客户端不会发送options请求吗？

    回复于 2017-10-30 15:39 回复

    哦 我说的不太清楚；我是使用rewrite规则在apache这里吧OPTIONS的返回码405改成了200 

    RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ $1 [R=200,L]

    NGINX服务器的话也这样配置的

    error_page   405 =200 @405;
location @405
{
    root  /www/html;  #你vhost配置wwwroot
}
    回复于 2017-12-02 23:21 回复

    手机竟然没发在下面富文本出发回复。醉了。我今天就有像解决所有未解决问题的冲动。楼主我介意从XHR 跨域 options cors,还有在控制器里打印所有behaviors 并查看执行顺序。比如过CORS前是否有AUTH授权验证。

    回复于 2017-12-02 23:40 回复

    因为Yii2+vue2 他回碰到常规问题就是cors 与 auth AUTH与cors有先后问题。还有看options你直接查看auth下的optionAction，CORS知识面有点广。不是一两句可以说清，你追踪YII的处理方式

    觉得很赞
    回复 1 0
  • 回答于 2018-07-05 14:42 举报

    mark，随后可能会用到

    回复 0 0

回答问题

您需要登录后才可以回答。登录 | 立即注册
齐天大圣
主管

齐天大圣 北京

注册时间：2016-02-24
最后登录：2020-06-05
在线时长：18小时30分
  • 粉丝6
  • 金钱550
  • 威望0
  • 积分730
私信

热门问题