AngularJS：请求的资源上没有“Access-Control-Allow-Origin”标头[重复]

Question

我正在编写我的 webApp，并且正在使用 AngularJS。在这个应用程序中，我创建了一个名为 script.js 的文件，并报告了这段代码：

var modulo = angular.module('progetto', ['ngRoute']);

    // configure our routes
    modulo.config(function ($routeProvider, $httpProvider) {
        $routeProvider

            // route for the home page
            .when('/', {
                templateUrl: 'listaFilm.html',
                controller: 'listaController'
            })

            // route for the description page
            .when('/:phoneName', {
                templateUrl: 'description.html',
                controller: 'descriptionController'
            });


            $httpProvider.defaults.headers.common['Access-Control-Allow-Origin'] = '*';

    });


    modulo.controller('listaController', function ($scope, $http) {
        $http.get('https://api.getevents.co/event?&lat=41.904196&lng=12.465974').success(function (data) {
            $scope.names = data;
            }).
            error(function (data, status) {
                $scope.names = "Request failed";
            });
    });

使用这段代码，我按照 RESTful 原则调用 API。当我运行代码时，我遇到了这个问题：

XMLHttpRequest 无法加载 https://api.getevents.co 否 请求中存在“Access-Control-Allow-Origin”标头 资源。因此不允许使用原点“http://localhost:8383” 访问。

在网上阅读后，我了解到我遇到了一个名为 CORS 的问题...我尝试了几种建议的解决方案，但都没有解决问题。
我该如何解决这个问题？
我必须添加什么代码来修复它？

Answer 1

这是服务器端问题。您不需要为 cors 添加任何有角度的标题。 您需要在服务器端添加标头：

Access-Control-Allow-Headers: Content-Type
Access-Control-Allow-Methods: GET, POST, OPTIONS
Access-Control-Allow-Origin: *

这里的前两个答案：How to enable CORS in AngularJs

Answer 2

CORS 是跨域资源共享，如果您尝试从一个域访问另一个域，则会出现此错误。

尝试使用 JSONP。在您的情况下，JSONP 应该可以正常工作，因为它只使用 GET 方法。

试试这样的：

var url = "https://api.getevents.co/event?&lat=41.904196&lng=12.465974";
$http({
    method: 'JSONP',
    url: url
}).
success(function(status) {
    //your code when success
}).
error(function(status) {
    //your code when fails
});