Angular$http正在发送选项，而不是PUT/POST

Question

我试图通过PHP后端更新/插入MySQL数据库中的数据。我正在用AngularJS构建前端，并使用$超文本传输协议服务与REST API通信。

我的设置如下所示：

我正在通过$http提供商设置标头：

 $httpProvider.defaults.withCredentials = true;
 $httpProvider.defaults.headers = {'Content-Type': 'application/json;charset=utf-8'};

POST Call如下所示：

   return $http({
      url: url,
      method: "POST",
      data: campaign
    });

Chrome中的开发控制台向我展示了以下内容：

当我从POST转换为PUT时，我发送的是期权看涨期权，而不是PUT。而内容类型只切换到内容类型。

我的请求有效负载作为对象发送：

如何正确设置标题？

编辑：

PHP后端设置了一些标题：

   $e->getResponse()
              ->getHeaders()
              ->addHeaderLine('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');

   $e->getResponse()
              ->getHeaders()
              ->addHeaderLine('Access-Control-Allow-Origin', '*');

是不是少了什么东西？

Answer 1

您不需要手动指定$http标题，这一切都是在后台为您完成的，对于POST和PUT类型请求，它们会自动设置为application/json。所以你要做的就是

$http.post(url, data);
$http.put(url, data);

Answer 2

好的，我已经解决了。

出了什么问题
删除、放置和发布的CORS工作流如下：

它所做的是：

1. 检查将要提出的请求
2. 如果是POST， PUT或DELETE
3. 它首先发送一个OPTION请求，以检查发送请求的域是否与服务器的域相同。
4. 如果没有，它希望允许访问头发送此请求

重要提示：选项请求不发送凭据。

所以我的后端服务器不允许PUT请求。

解决方案：
将其放入中。htaccess文件

RewriteCond %{REQUEST_METHOD} OPTIONS
RewriteRule ^(.*)$ blank.php [QSA,L]
Header set Access-Control-Allow-Origin "http://sub.domain:3000"
Header always set Access-Control-Allow-Credentials "true"
Header always set Access-Control-Max-Age "1000"
Header always set Access-Control-Allow-Headers "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"

之后，创建一个空的。php文件名为blank。公共文件夹中的php。

编辑：正如一位评论者所指出的，您可以将这个重写规则添加到您的应用程序中，而不是创建一个空的PHP文件。htaccess文件\；

RewriteRule ^(.*)$ $1 [R=200,L,E=HTTP_ORIGIN:%{HTTP:ORIGIN}]]

为了澄清：

1. 我已经发送了访问控制头
2. 它解决的是前两行，和
3. 访问-控制-允许-起源从特定的子域与端口

我能找到的了解CORS更多信息的最佳网站。