Cors with Laravel 4 and Angularjs - php

Question

This is propably something simple and obvious but I can't see where the problem is. After some research I found that in order to enable CORS in laravel 4 oen should add the following to the filters.php:
App::before(function($request)
{
if($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
$statusCode = 204;
$headers = [
'Access-Control-Allow-Origin' => '*',
'Access-Control-Allow-Methods' => 'GET, POST, OPTIONS',
'Access-Control-Allow-Headers' => 'Origin, Content-Type, Accept, Authorization, X-Requested-With',
'Access-Control-Allow-Credentials' => 'true'
];
return Response::make(null, $statusCode, $headers);
}
});
App::after(function($request, $response)
{
$response->headers->set('Access-Control-Allow-Origin', '*');
$response->headers->set('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
$response->headers->set('Access-Control-Allow-Headers', 'Origin, Content-Type, Accept, Authorization, X-Requested-With');
$response->headers->set('Access-Control-Allow-Credentials', 'true');
return $response;
});
So to my mind when one does this in angularjs:
app.factory('RestFactory', function ($http) {
var BASE_URL = 'url_to_the_site';
return {
get: function (target) {
return $http({method: 'GET', url: BASE_URL + target});
},
post: function (target, data) {
return $http.post(BASE_URL + target, data);
}
};
});
It should work right? When running Laravel 4 in localhost:8000 at development mode it seems to work. However when I transfer the Laravel to my site and try accessing the site url all I get is:
No 'Access-Control-Allow-Origin' header is present on the requested resource.
So What am I doing wrong here? It works on local, the BASE_URL also works when going to the url with a browser so what am I missing here?