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

今天在写一个项目的时候出现了一个很莫名其妙的问题,除了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';