Basic authentication with Angular

Hey so I'm somewhat new to this but I think I've narrowed my problem done to either:

Something wrong with my server configurations (unlikely I think?)
Atarashii doesn't support CORS

I've been trying to authenticate with Angular and I send the basic authentication headers, however I keep getting a: "No 'Access-Control-Allow-Origin' header is present on the requested resource."

BUT when I change the method to JSONP, it works fine. However, the response data obviously isn't JSONP, so it immediately fails with a "Unexpected token error". Here are my headers:

    .config(['$httpProvider', function($httpProvider) {
        $httpProvider.defaults.useXDomain = true;
        $httpProvider.defaults.withCredentials = true;
        delete $httpProvider.defaults.headers.common["X-Requested-With"];
        $httpProvider.defaults.headers.common["Accept"] = "application/json";
        $httpProvider.defaults.headers.common["Content-Type"] = "application/json";
    }]);
        var authenticationHeaders = {
            'Authorization': 'Basic ' + authenticationCombination,
            'Access-Control-Allow-Origin': '*',
            'Content-Type': 'application/json',
            'Access-Control-Allow-Credentials': true,
            "Access-Control-Allow-Headers": "X-Requested-With"
        };
        //Attempt to authenticate via MAL
        var promiseAuthenticate = $http({
            method: "GET",
            url: MALAuthentication,
            headers: authenticationHeaders
        }).then(function(successLogin) {
            //The user sucessfully authenticated
            console.log(successLogin);

        }, function(errorLogin) {
            //Notify
            vm.loginError = 'Unable to login with the username and passwod given';
        });

Comments (6)