Enable CORS in Nodejs with expressjs4
I am trying to host a standalone JS widget on a node server with CORS enabled. I am using Expressj 4 and want a css, js server and a font file.
The problem I am facing is now not loading font files
var express = require('express');
var path = require('path');
var methodOverride = require('method-override');
var bodyParser = require('body-parser');
var app = express();
var environmentRoot = require('path').normalize(__dirname );
app.set('views', environmentRoot + '/public');
app.engine('html', require('ejs').renderFile);
app.use(methodOverride());
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));
app.use(express.static(environmentRoot + '/public'));
app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
next();
});
var portNum = process.env.PORT || 3002;
app.listen(portNum, function (a) {
console.log("Server listening in http://localhost:"+portNum);
});
JSON package
{
"name": "PackageApp",
"version": "0.1.0",
"dependencies": {
"express" : "~4.9.0",
"body-parser": "~1.8.1",
"method-override": "~2.2.0",
"ejs" : "~1.0.0"
},
"devDependencies": {
"grunt": "~0.4.5",
"grunt-html2js": "~0.1.0"
}
}
+3
source to share
1 answer
I would try dumping these assertions from:
app.use(express.static(environmentRoot + '/public'));
app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
next();
});
to
app.all('*', function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "X-Requested-With");
next();
});
app.use(express.static(environmentRoot + '/public'));
I would expect the headers to be set before sending the body to the client
+5
source to share