javascript - AngularJS $http.post 返回状态 0

Question

我正在研究 Ionic 框架的 angular js。当我请求数据时，它总是返回状态 0 作为错误。我认为问题出在 HTTP 访问控制 (CORS) 上。但是我已经将 Access-Control-Allow-Origin 设置为 *。我还需要做什么？请帮忙。谢谢。

Angular JS 代码

var params = {
         limit: 5,
          page: 1
       };

$http.post('https://www.example.com/getdata.php', { params: params })
.success(function (data,status) {                        
        console.log("Conection available . Status s" + status);                         
})
.error(function (data, status, headers, config) {
        console.log("Error Status " + status);
});

返回标题

Access-Control-Allow-Origin → *
Access-Control-Request-Headers → *
Access-Control-Request-Method → POST
Cache-Control → max-age=2592000
Connection → Keep-Alive
Content-Length → 1933
Content-Type → application/json
Date → Thu, 08 Sep 2016 06:47:31 GMT
Expires → Sat, 08 Oct 2016 06:47:31 GMT
Keep-Alive → timeout=5, max=100
Server → Apache/2.4.20 (Ubuntu)

更新

---

所以浏览器日志中的实际错误代码是

XMLHttpRequest 无法加载 https://www.example.com/getdata.php .预检响应中的 Access-Control-Allow-Headers 不允许请求 header 字段 Content-Type。

我尝试按以下方式更新 Access-Control-Allow-Headers header 。

 $http.post('https://www.example.com/getdata.php',
                        { params: params },
                        { 'Access-Control-Allow-Headers': 'application/json' })

并更新响应 header 如下。

Access-Control-Allow-Headerss → application/json
Access-Control-Allow-Origin → *
Access-Control-Request-Headers → *
Access-Control-Request-Method → POST
Cache-Control → max-age=2592000
Connection → Keep-Alive
Content-Length → 1933
Content-Type → application/json
Date → Thu, 08 Sep 2016 07:22:03 GMT
Expires → Sat, 08 Oct 2016 07:22:03 GMT
Keep-Alive → timeout=5, max=100
Server → Apache/2.4.20 (Ubuntu)

但仍然没有运气。请帮忙。

Answer 1

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

Access-Control-Allow-Headers 不支持通配符。您正在使用 * 但必须明确指定允许的 header 。

---

And I tried updating Access-Control-Allow-Headers header as the following.

Access-Control-Allow-Headers 是一个响应 header 。你必须在你的服务器上设置它，而不是你的客户端。

您的客户端 JavaScript 无法授予自己读取其他人数据的权限。这将使要求获得许可变得毫无意义。