AngularJS Request Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers [duplicate]

Question

I need to know what can I do to solve this problem, which need repair. I do not need to know the problem, need to know the solution. Anyone know how can I do?

my ionic app :

// controller test: $http({ method: 'GET', url: 'https://example.herokuapp.com/apiDataTest/' }).then(function successCallback(response) { console.log('response'+response); }, function errorCallback(response) { console.log('response'+response); });

my api use express, is this:

var express = require('express'); var app = express(); app.get('/apiDataTest', getData); function getData(req, res) { res.json({ message: 'Ok! Welcome to test data!' }); }

if I call the address by the browser or postman, for example. the json and returned as I need, but if you make the request in is not possible AngularJS due to error 'Access-Control-Allow-Headers'. I saw some questions about it, but did not realize the solution itself, does anyone know where (client or api) and how can I fix to solve?

Yea, make your api support CORS. it's easy. research.

user400654
– user400654

2016-07-20 19:26:34 +00:00
Commented Jul 20, 2016 at 19:26 — user400654
– user400654, Commented Jul 20, 2016 at 19:26

Josh Slate · Accepted Answer · 2016-07-20 20:10:31Z

Add the following in your API to support CORS:

app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header('Access-Control-Allow-Methods', 'PUT, GET, POST, DELETE, OPTIONS'); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization, Access-Control-Allow-Credentials"); res.header("Access-Control-Allow-Credentials", "true"); next(); });

Collectives™ on Stack Overflow

AngularJS Request Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related