CORS issue for Ionic + express

Question

I have created an application that is accessing/fetching the data from mongo/node+express, which is on different domain(eg domain_name).

The code for the get function is :

var request = $http({
            method: 'GET',
            url: 'https://domain_name.users.io/categories/list',
            withCredentials: true  /* to get the Cookie value generated at server-side */
        });

At the express side, have added the following code in order to avoid the CORS issue:

 res.header("Access-Control-Allow-Origin", "*");
 res.header("Access-Control-Allow-Methods","GET,PUT,POST,DELETE,OPTIONS");
 res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
 res.header("Access-Control-Allow-Credentials", "true");

For the above, i am getting the following error:

XMLHttpRequest cannot load https://domain_name.users.io/data/list. A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag is true. Origin 'http://localhost:8100' is therefore not allowed access.

I have checked the API " https://domain_name.users.io/data/list " and there is no issue with it as i can see the data(when hit on browser).

Could someone please help me for the same

Answer 1

Besides * is too permissive and would defeat use of credentials. So use https://domain_name.users.io/data/list rather than you use * .

You can't do like * because this is a part of security and if you want to allow credentials then your Access-Control-Allow-Origin must not use *.

For more please read here .

Answer 2

Must set the headers:

var request = $http({
            method: 'GET',
            url: 'https://domain_name.users.io/categories/list',
           headers:{'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
            withCredentials: true  /* to get the Cookie value generated at server-side */
        });

==============ON Node Side===============

app.use(function(req, res, next) {
res.setHeader('Access-Control-Allow-Origin', '*');
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS');
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type, Authorization, Access-Control-Allow-Origin, Access-Control-Allow-Headers');
 next();
});