AngularJS: nenhum cabeçalho "Access-Control-Allow-Origin" está presente no recurso solicitado [duplicado]
Esta pergunta já tem uma resposta aqui:
Por que meu JavaScript obtém um erro "Nenhum cabeçalho 'Acesso-controle-permissão-origem' está presente no recurso solicitado" quando o Postman não possui? 41 respostasEstou escrevendo meu webApp e usando o AngularJS. Neste aplicativo, criei um arquivo chamado script.js e relatei este código:
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";
});
});
Com esse código, chamo a API seguindo os princípios RESTful. Quando executo o código, tenho este problema:
XMLHttpRequest não pode carregarhttps://api.getevents.co Nenhum cabeçalho 'Access-Control-Allow-Origin' está presente no recurso solicitado. Origemhttp: // localhost: 8383'não é, portanto, permitido o acesso.
Lendo na web, entendi que tenho um problema chamado CORS ... Tentei várias soluções propostas, mas não resolvi o problema.
Como posso resolver o problema?
Qual é o código que devo adicionar para corrigi-lo?