Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight respon

来源:互联网 发布:宣传画册设计软件 编辑:程序博客网 时间:2024/05/19 02:04

今天在写一个项目的时候出现了一个很莫名其妙的问题,除了post请求其他的请求都可以调通,在使用post的时候,总是报以下错误。

这里写图片描述

因为在请求的header中出现以下问题:

这里写图片描述

后端是我用php撸的部署在nginx上,

错误原因:
在正式跨域的请求前,浏览器会根据需要,发起一个“PreFlight”(也就是Option请求),用来让服务端返回允许的方法(如get、post),被跨域访问的Origin(来源,或者域),还有是否需要Credentials(认证信息)

如果跨域的请求是Simple Request(简单请求 ),则不会触发“PreFlight”。Mozilla对于简单请求的要求是:
以下三项必须都成立:
1. 只能是Get、Head、Post方法
2. 除了浏览器自己在Http头上加的信息(如Connection、User-Agent),开发者只能加这几个:Accept、Accept-Language、Content-Type、。。。。
3. Content-Type只能取这几个值:
application/x-www-form-urlencoded
multipart/form-data
text/plain


解决方法如下:

第一种:
在php代码中加上Yii::$app->getResponse()->headers->set(‘Access-Control-Allow-Headers’, “content-type”);
};

 public function beforeAction($action)    {       if(parent::beforeAction($action)) {           Yii::$app->getResponse()->headers->set('Access-Control-Allow-Origin', "*");           Yii::$app->getResponse()->headers->set('Access-Control-Allow-Headers', "content-type");       };       return parent::beforeAction($action);    }

第二种方法:
在nginx的配置上添加:

add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';

这里写图片描述

阅读全文
0 0
原创粉丝点击