I've come across several discussions regarding this issue, but none have been able to resolve my problem so far.
In my small web app project, I am attempting to access the freckle API from letsfreckle.com. However, I am encountering difficulties. It functions fine when I launch Chrome browser without security measures, but it fails to work on GitHub pages and when I package the app as a Chrome extension.
This is how my service is structured:
jXtnsion.factory('freckle', ['$http', function($http){
return $http.get('https://api.letsfreckle.com/v2/projects?freckle_token=kacgnpf0og0hfi1it32o9xtc2ls2328-gmeb1nwcp1ko8o0f0ygi4mlxxxxxxxx&f&format=jsonp')
.success(function(freckleData){
return freckleData;
})
.error(function(err){
return err;
});
}]);
I keep receiving the error 'XMLHttpRequest cannot load . No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '' is therefore not allowed access.
What could be causing this issue?