使用标头时，Angular $ http执行两次

Question

我正在开发一个离子项目，并且在每个POST和GET请求中使用标头参数。 但是，当我在Android Phone上测试项目并监视通过我的android设备进入服务器的所有请求时，没有任何问题。 但是，当我部署离子项目并在Web浏览器（Chrome Web浏览器）中对其进行测试时，我看到每个请求已执行两次（使用POST方法时，一个请求没有标头参数且没有输入，而第二个请求则包含所有内容） params）。 如果没有头参数每次都忽略该请求，我已经在服务器中解决了它。 如何防止$ http（POST和GET）重复执行？ 我已经在angular.config js文件中设置了这些参数。

$httpProvider.defaults.headers.common['Accept'] = 'application/json; q=0.01';
$httpProvider.defaults.headers.common['Authorization-Token'] = value;

我的PHP服务以

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Content-Type, Authorization-Token");
header('Access-Control-Max-Age: 60');
header('Access-Control-Allow-Methods: ["GET","POST"]');
header("Content-Type: application/json; charset=UTF-8");

Answer 1

听起来确实像是OPTION调用。

应该做到这一点，并且不要携带任何有效负载，它只是在执行实际调用（发布/获取/执行任何操作）之前，与服务器检查允许对资源执行哪些操作。

检查类似问题的答案： Angular 2 HTTP POST进行OPTIONS调用

Answer 2

第一个请求是印前检查。 这是浏览器机制的一部分。 你无法避免。

Answer 3

一切都取决于浏览器如何管理CORS。 当使用非“简单”的JavaScript发出跨域请求（即GET请求）时，浏览器将自动对指定的URL / URI发出HTTP OPTIONS请求，称为“预检”请求或“承诺” 。 只要远程源返回HTTP状态代码200以及响应标头中将接受的内容的相关详细信息，浏览器就会继续执行原始JavaScript调用

请看这里和这里