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

这是服务器端的问题。您不需要在angular for CORS中添加任何头。您需要在服务器端添加头：

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

这里的前两个答案：如何在AngularJs中启用CORS