I am using Angular to connect to a server running CouchDB that I have set-up. When ever I run the code I get the error:
"XMLHttpRequest cannot load http://ip:5984/_all_dbs. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://morris-tibet.codio.io' is therefore not allowed access."
I have set-up the origins and cannot understand what the problem could be.
Here is the code I am using to connect:
myApp.controller('OverviewCtrl', ['$http',
    function($http) {
        var self = this;
        self.dbNames = [];
        $http({
            url: 'http://ip:5984/_all_dbs',
            method: 'GET'
        }).
        success(function(data, status, headers, config) {
            self.dbNames = data;
            console.log(self.dbNames);
        }).
        error(function(data, status, headers, config) {
            self.dbNames = ['Something wrong with your code!', ''];
            console.log(self.dbNames);
        })
    }
]);
In the code the ip address has been replaced for security reasons.
EDIT:
I was told it may be an issue with my CORS, here is an image showing my cors for the server:

