No 'Access-Control-Allow-Origin' - Node / Apache Port Issue No 'Access-Control-Allow-Origin' - Node / Apache Port Issue express express

No 'Access-Control-Allow-Origin' - Node / Apache Port Issue


Try adding the following middleware to your NodeJS/Express app (I have added some comments for your convenience):

// Add headers before the routes are definedapp.use(function (req, res, next) {    // Website you wish to allow to connect    res.setHeader('Access-Control-Allow-Origin', 'http://localhost:8888');    // Request methods you wish to allow    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');    // Request headers you wish to allow    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');    // Set to true if you need the website to include cookies in the requests sent    // to the API (e.g. in case you use sessions)    res.setHeader('Access-Control-Allow-Credentials', true);    // Pass to next layer of middleware    next();});

Hope that helps!


Accepted answer is fine, in case you prefer something shorter, you may use a plugin called cors available for Express.js

It's simple to use, for this particular case:

var cors = require('cors');// use it before all route definitionsapp.use(cors({origin: 'http://localhost:8888'}));


Another way, is simply add the headers to your route:

router.get('/', function(req, res) {    res.setHeader('Access-Control-Allow-Origin', '*');    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); // If needed    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type'); // If needed    res.setHeader('Access-Control-Allow-Credentials', true); // If needed    res.send('cors problem fixed:)');});