I am currently developing a server using expressjs:
'use strict';
var express = require('express');
var logger = require('morgan');
var path = require('path');
var bodyParser = require('body-parser');
var api = require('./routes/main');
var app = express();
app.disable('x-powered-by');
app.use(logger('dev')); //Logging HTTP requests
app.use(bodyParser.urlencoded({ extended: true })); //Parsing request bodies automatically
app.use(bodyParser.json());
app.use('/api', api);
app.use('/*', express.static('./public')); //Serving static files from the public folder
app.use(function(req,res){
res.send("404");
});
var server = app.listen(8000, "0.0.0.0", function () {
console.log('RAVE listening on port ' + server.address().port + 'hosting at ' + server.address().address);
});
module.exports = app;
Within the public directory, there are index.htm, some css files, and one js script. When index.html attempts to load css or js scripts, it does so through GET /path/file.css/ and loads a directory instead of file.css. Why is this happening?
index.html:
<head>
....
<link rel="stylesheet" href="/stylesheets/view-style.css" type="text/css" />
<script type="text/javascript" src="/js/main.js"></script>
</head>
Console Output:
GET /stylesheets/view-style.css/ 200 8.979 ms - 10602
GET /js/main.js/ 200 8.598 ms - 10602
Chrome Sources: