I have a project which I am building on top of Django and using AngularJS 1 to handle the front-end. Furthermore I am trying to use Gulp so I can enjoy some browser Sync features. Below is a piece of code that I am using to fire the Gulp server but at the same time using the Django server as a proxy. 

```
gulp.task('browser-sync', function() {
browserSync.init({
    proxy: "localhost:8000"
});
});

```

However I am running into an issue with CORS. The error message I am getting is the following:

> 
> XMLHttpRequest cannot load <http://localhost:8000/static/js/data.json>. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<http://localhost:3000>' is therefore not allowed access.
> 
> 
> 

The **data.json** file in question is the one I am using as a source of data for my front-end developoment as I have not created my back-end yet.

Here is an example of how i am getting data from the JSON file using Angular's $HTTP: 

```
marksApp.factory('getSubjectsService', ['$http',function($http){
return {
    getSubjectNames : function(stdNum){
        return $http.get('http://localhost:8000/static/js/data.json')
        .then(function(data){
            return data.data;
        });
    }
};
}]);

```