"Cannot GET /" with Connect on Node.js
Question
I'm trying to start serving some static web pages using connect like this:
var connect = require("connect");
var nowjs = require("now");
var io = require("socket.io");
var app = connect.createServer(
connect.static(__dirname + '/public')
);
app.listen(8180);
So I added a simple index.html at the /public directory on the same directory as the app.js file is, but when I try to view the page on my browser I get this response from node:
Cannot GET /
What I'm doing wrong and how I can correct it?
12 answers
solution1
33 2015-01-29 03:43:34
You'll see the message Cannot GET / if you don't specify which page it is that you're trying to get, in other words if your URL is something like http://localhost:8180 . Make sure you enter a page name, eg http://localhost:8180/index.html .
solution2
26 2014-07-10 00:56:21
You may be here because you're reading the Apress PRO AngularJS book...
As is described in a comment to this question by KnarfaLingus :
[START QUOTE]
The connect module has been reorganized. do:
npm install connect
and also
npm install serve-static
Afterward your server.js can be written as:
var connect = require('connect');
var serveStatic = require('serve-static');
var app = connect();
app.use(serveStatic('../angularjs'));
app.listen(5000);
[END QUOTE]
Although I do it, as the book suggests, in a more concise way like this:
var connect = require('connect');
var serveStatic = require('serve-static');
connect().use(
serveStatic("../angularjs")
).listen(5000);
solution3
14 ACCPTED 2012-03-09 01:41:08
This code should work:
var connect = require("connect");
var app = connect.createServer().use(connect.static(__dirname + '/public'));
app.listen(8180);
Also in connect 2.0 .createServer() method deprecated. Use connect() instead.
var connect = require("connect");
var app = connect().use(connect.static(__dirname + '/public'));
app.listen(8180);
solution4
3 2019-03-01 11:07:17
You might be needed to restart the process if app.get not working. Press ctl+c and then restart node app .
solution5
2 2015-01-05 22:08:29
Had the same issue. It was resolved as described above.
In my index.js
var port = 1338,
express = require('express'),
app = express().use(express.static(__dirname + '/')),
http = require('http').Server(app),
io = require('socket.io')(http);
app.get('/', function(req, res){
res.sendFile(__dirname + '/index.html');
});
io.on('connection', function(socket){
console.log('a user connected');
});
http.listen(port, function(){
console.log("Node server listening on port " + port);
});
and in my index.html
<!doctype html>
<html>
<head>
<title>
My page
</title>
</head>
<body>
<script src = "lib/socket.io.js"></script>
<script src = "lib/three.js"></script>
<script>
var socket = io();
</script>
</body>
</html>
the three.js was just in there for path testing. This will set all child files to start at the root directory of your app. Also socket.io.js can be called automatically using <script src = "/socket.io/socket.io.js"> through some dark magic (since there is physically a node_modules and lib directory in between) .
solution6
2 2019-07-06 18:31:08
The solution to "Cannot Get /" can usually be determined if you do an "ng build" in the command line. You will find most often that one of your "imports" does not have the correct path.
solution7
1 2014-07-04 10:56:24
var connect = require('connect');
var serveStatic = require('serve-static');
var app = connect();
app.use(serveStatic('../angularjs'), {default: 'angular.min.js'}); app.listen(3000);
solution8
1 2014-09-21 07:59:19
You may also want to try st , a node module for serving static files. Setup is trivial.
npm install connect
npm install st
And here's how my server-dev.js file looks like:
var connect = require('connect');
var http = require('http');
var st = require('st');
var app = connect()
.use(st('app/dev'));
http.createServer(app).listen(8000);
or (with cache disabled):
var connect = require('connect');
var http = require('http');
var st = require('st');
var app = connect();
var mount = st({
path: 'app/dev',
cache: false
});
http.createServer(function (req, res) {
if (mount(req, res)) return;
}).listen(8000);
app.use(mount);
solution9
0 2014-12-21 19:43:47
The easiest way to serve static files is to use "harp". It can be found here. You can serve up your files from the location you want via node is:
var harp = require("harp")
harp.server(projectPath [,args] [,callback])
Hope this helps.
solution10
0 2022-06-09 11:36:56
- open cmd and go to the path of your project.(make sure that you are in "clientApp")
- then build your project with "ng build" command. if there is an error the console will give you the error. build error
now you know what your error is.
solution11
0 2022-08-12 12:42:11
The Straight Forward Answer, include the code in your Node/Server index.js file
const path = require("path"); // include this in the file
router.get("/*", function(req, res) {
res.sendFile(path.join(__dirname, "../public", "index.html"));
});
And if your are using navigate() in your reactApp use the above code at the end of the file.
solution12
-1 2013-11-29 09:39:50
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 eg 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.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.