My HTML index.html file has multiple containers, and I have included the bootstrap and font awesome folders in the <head> section like this:
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="../bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.css" rel="stylesheet">
Next, I created a web.js script to start the server and add these static file folders:
var express = require('express');
var app = express();
var fs = require('fs');
var buf = fs.readFileSync("index.html");
app.use(express.logger());
app.get('/', function(request, response) {
response.send(buf.toString());
});
app.configure(function(){
app.use(express.static(__dirname + '/assets'));
app.use(express.static(__dirname + '/bootstrap'));
app.use(express.static(__dirname + '/font-awesome'));
});
var port = process.env.PORT || 8080;
app.listen(port, function() {
console.log("Listening on " + port);
});
However, when I try to access http://localhost:8080, I encounter 404 errors for GET requests trying to fetch bootstrap.css. I have tried various scripts from stackoverflow but have not been successful. Any suggestions or solutions would be greatly appreciated. Thank you!