This is what i have, the filename "default.htm" actually exists and loads when doing a readFile with NodeJS.
var express = require('express');
var app = express();
app.use(express.static(__dirname + '/default.htm'));
app.listen(process.env.PORT);
The Error (in browser):
Cannot GET /
I was facing the same problem as mentioned in the question. The following steps solved my problem.
I upgraded the nodejs package link with following steps
Clear NPM's cache:
npm cache clean -f
Install a little helper called 'n'
npm install -g n
Then I went to node.js website, downloaded the latest node js package, installed it, and my problem was solved.
You need to define a root route.
app.get('/', function(req, res) {
// do something here.
});
Oh and you cannot specify a file within the express.static
. It needs to be a directory. The app.get('/'....
will be responsible to render that file accordingly. You can use express' render method, but your going to have to add some configuration options that will tell express where your views are, traditionally within the app/views/
folder.
You typically want to render templates like this:
app.get('/', function(req, res){
res.render('index.ejs');
});
However you can also deliver static content - to do so use:
app.use(express.static(__dirname + '/public'));
Now everything in the /public
directory of your project will be delivered as static content at the root of your site e.g. if you place default.htm
in the public folder if will be available by visiting /default.htm
Take a look through the express API and Connect Static middleware docs for more info.
I had the same issue. Solved it by small changes like below.
var express = require('express');
var app = express();
app.use(express.static(path.join(__dirname, 'public')));
Got help from here (ExpressJS Documentation - Serving static files).
I found myself on this page as I was also receiving the Cannot GET/
message. My circumstances differed as I was using express.static()
to target a folder, as has been offered in previous answers, and not a file as the OP was.
What I discovered after some digging through Express' docs is that express.static()
defines its index file as index.html
, whereas my file was named index.htm
.
To tie this to the OP's question, there are two options:
1: Use the code suggested in other answers
app.use(express.static(__dirname));
and then rename default.htm
file to index.html
or
2: Add the index
property when calling express.static()
to direct it to the desired index file:
app.use(express.static(__dirname, { index: 'default.htm' }));
I had the same problem, so here's what I came up with. This is what my folder structure looked like when I ran node server.js
app/
index.html
server.js
After printing out the __dirname
path, I realized that the __dirname
path was where my server was running (app/
).
So, the answer to your question is this:
If your server.js
file is in the same folder as the files you are trying to render, then
app.use(express.static(__dirname + '/default.htm'));
should actually be
app.use(express.static(__dirname));
The only time you would want to use the original syntax that you had would be if you had a folder tree like so:
app/
index.html
server.js
where index.html
is in the app/
directory, whereas server.js
is in the root directory (i.e. the same level as the app/
directory).
Overall, your code could look like:
var express = require('express');
var app = express();
app.use(express.static(__dirname));
app.listen(process.env.PORT);
You need to restart the process if app.get
not working. Press ctl+c
and then restart
node app.
I've noticed that I forgot the "slash" in the beginning of the Route as below and I was getting same error :
Wrong :
app.get('api/courses', (req, res) => { ... }
)
Correct :
app.get('/api/courses', (req, res) => { ... }
)
var path = require('path');
Change app.use(express.static(__dirname + '/default.htm'));
to
app.use(express.static(path.join(__dirname + '/default.htm')));
.
Also, make sure you point it to the right path of you default.html.
You need to add a return to the index.html file.
app.use(express.static(path.join(__dirname, 'build')));
app.get('*', function(req, res) {res.sendFile(path.join(__dirname + '/build/index.html')); });
In my case, the static content was already being served:
app.use('/*', express.static(path.join(__dirname, '../pub/index.html')));
...and everything in the app seemed to rely on that in some way. (path
dep is require('path')
)
So, a) yes, it can be a file; and b) you can make a redirect!
app.get('/', function (req, res) { res.redirect('/index.html') });
Now anyone hitting /
gets /index.html
which is served statically from ../pub/index.html
.
Hope this helps someone else.
Where is your get method for "/"?
Also you cant serve static html directly in Express.First you need to configure it.
app.configure(function(){
app.set('port', process.env.PORT || 3000);
app.set("view options", {layout: false}); //This one does the trick for rendering static html
app.engine('html', require('ejs').renderFile);
app.use(app.router);
});
Now add your get method.
app.get('/', function(req, res) {
res.render('default.htm');
});
Source: Stackoverflow.com