How to resolve the " access-control-allow-origin " error?

I came across an error on getting the url meta data by using Angular JS with ajax.

The error statement is:

XMLHttpRequest cannot load http://www.esample.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

var app = angular.module('myapp', []);
app.controller('ctrl',
function ($scope,$http){
$http.get('http://example.in/')
.success(
function(data,status,headers,config){
var details = [
{title:$(data).filter('title'),
description:$(data).filter('meta[name=description]').attr("content"),
keywords:$(data).filter('meta[name=keywords]').attr("content"),
image:$(data).filter('meta[name=og:image]').attr("content")},
];
$scope.details;
})
.error(function (data, status, headers, config) {
$scope.error = " - Something went wrong with your code....";
});
});

What I have tried:

$http.get('http://example.in/', function (res) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
})...

Reference: access to specific domain only.

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Naveen Bisht9y ago
to enable the CROS in Angular js, you need to made change in
http headerthis.setHeader = function (http)
{ http.defaults.header.common['Access-Control-Allow-Origin'] = "*";
http.defaults.header.common['Access-Control-Allow-Methods'] = 'GET,PUT,POST,DELETE,OPTIONS';
http.defaults.header.common['Access-Control-Allow-Headers'] = 'Content-Type, Authorization,
Content-Length, X-Requested-With';}
0