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：//本地主机：8383 ”因此不允许访问。

在网上阅读我明白我有一个叫CORS的问题...我已经尝试了几个解决方案，但我没有解决问题。

我该如何解决这个问题？

我必须添加什么代码来修复它？