https://i.stack.imgur.com/6jyNE.pngRecently, I have started using Express and despite my extensive research, I haven't been able to find a solution to my issue. The problem is that I am receiving headers in my Express app, but when I attempt to make those headers accessible to Angular, it returns as undefined. Strangely, hardcoded headers appear perfectly on the Angular end within the network tab of Chrome. Below is the code snippet for reference:
Express code
var express = require('express');
var config = require('./config')[process.env.NODE_ENV || 'dev'];
var app = express();
app.get('/*', function (req, res) {
res.sendFile(__dirname + '/public/index.html');
var token=req.header('x-access-token');
//var token='123'
console.log(token);
res.set('x-access-token',token);
});
var server = app.listen(process.env.PORT || 3000, function() {
console.log('server started. Listening on port '+3000);
});
Angular code
$http.get($scope.windowURL
).
success(function(data, status, headers, config) {
$scope.token=headers('x-access-token')
console.log($scope.token);
alert($scope.token)
})
.error(function(data, status, headers, config) {
alert('notoken')
});
Unfortunately, I am facing an issue where the headers appear as 'undefined' when set dynamically by the Express app.