Question

当我向api发送请求时，我收到错误：

XMLHttpRequest cannot load http://api.myapp.example.com/v1/resources. No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://myapp.example.com' is therefore not allowed access.

据我所知，角度http请求不需要添加任何标头。为什么？似乎我的网络知识不存在。我无法理解为什么会发生这种错误。请帮帮我如果你对这种情况一无所知。我的问题：

$http.get('http://api.ingliz.tili.uz/v1/resources').success(function(data, status, headers) {
        console.log("success")
        console.log(data);
        console.log(status);
        $scope.resources = data
    }).error(function(data, status) {
        console.log("error")
        console.log(data);
        console.log(status);
    })

在控制台中请求：

General
    Remote Address:127.0.0.1:80
    Request URL:http://api.myapp.example.com/v1/resources
    Request Method:GET
    Status Code:200 OK
Response Header
    Connection:Keep-Alive
    Content-Length:240
    Content-Type:application/json; charset=UTF-8
    Date:Sun, 16 Aug 2015 08:04:08 GMT
    Keep-Alive:timeout=10, max=100
    Link:<http://api.myapp.example.com/v1/resources?page=1>; rel=self
    Server:Apache/2.4.10 (Win32)
    X-Pagination-Current-Page:1
    X-Pagination-Page-Count:1
    X-Pagination-Per-Page:20
    X-Pagination-Total-Count:1
Request Header
    Accept:application/json, text/plain, */*
    Accept-Encoding:gzip, deflate, sdch
    Accept-Language:en-US,en;q=0.8,ru;q=0.6,bg;q=0.4,zh-CN;q=0.2,zh;q=0.2,uz;q=0.2
    Cache-Control:max-age=0
    Connection:keep-alive
    Host:api.myapp.example.com
    Origin:http://myapp.example.com
    Referer:http://myapp.example.com/

我尝试过：

app.config(['$httpProvider', function ($httpProvider) {
    $httpProvider.defaults.useXDomain = true;
    delete $httpProvider.defaults.headers.common['X-Requested-With'];
}]);

但是这很无奈。

Answer 1

您必须在服务器端设置标题。

如果您的服务器端在php中，请将此行添加到您的代码中：

header("Access-Control-Allow-Origin: *");

Angular http请求获取错误：没有'Access-Control-Allow-Origin'标头

1 个答案: