I have frontend and backend on different servers. I need make crossdomain request.

On localhost:4200 i use angular2. On localhost:3000 i use json-server. Еhe server should give the header:

Access-Control-Allow-Origin: *

But I do not know how to turn it on.

I have frontend and backend on different servers. I need make crossdomain request.

On localhost:4200 i use angular2. On localhost:3000 i use json-server. Еhe server should give the header:

Access-Control-Allow-Origin: *

But I do not know how to turn it on.

• javascript
• angular
• cors
• json-server

• If it's just for local development, the simplest solution would be a chrome extension (Assuming you're using chrome) like this: chrome.google./webstore/detail/moesif-origin-cors-change/… This lets you define cors without changing your client or server code. – Aviv Shaked Commented Dec 17, 2017 at 16:18
• The docs you linked to say CORS is enabled by default – user184994 Commented Dec 17, 2017 at 16:19

1 Answer 1

try adding this in your server.js file, this code precisely will make your server cors enabled and then you will be able to send correct response. Mind about your variable names, and port number rest everything should be identical,

var express = require('express'),
   app = express(),
   port = process.env.PORT || 8080;

app.listen(port);
app.use(function (req, res, next) {
    res.setHeader('Access-Control-Allow-Origin', '*');
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
    res.setHeader('Access-Control-Allow-Credentials', true);
    next();
});