在Express中使用静态文件进行简单重定向

Question

I am new to Node and Express. I've got a static html page where the users posts his username via ajax to my server. Then I want to redirect him to another html file.

var express = require("express");
var bodyParser = require("body-parser");
var app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(express.static(__dirname + "/public/arena.html"));

app.get('/',function(req,res){
  res.sendFile(__dirname + "/public/index.html");
});
app.post('/login',function(req,res){
  var username=req.body.username;
  console.log("User name = "+username);
  res.redirect(__dirname + "/public/arena.html");
});

var server = app.listen(3000);

I get the username and also the respond in the browser but the server does not redirect me to arena.html. I also don't get any errors.

Why are these "easy" things so difficult in Node?

Thank you guys so much for your help.

Answer 1

The problem in this case is that it looks like you had some test (debugging?) code inserted into your POST route that is stopping the redirect call from running.

Here's the modified (corrected) version of your program, which will redirect the user in the way you want:

var express = require("express");
var bodyParser = require("body-parser");

var app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(express.static(__dirname + "/public/arena.html"));

app.get('/', function(req, res) {
  res.sendFile(__dirname + "/public/index.html");
});

app.get('/arena', function(req, res) {
  res.sendFile(__dirname + "/public/arena.html");
});

app.post('/login', function(req, res) {
  var username = req.body.username;
  console.log("User name = " + username);

  // Note how I'm redirecting the user to the /arena URL.
  // When you issue a redirect, you MUST redirect the user
  // to a webpage on your site. You can't redirect them to
  // a file you have on your disk.
  res.redirect("/arena");
});

app.listen(3000);

I had to do a couple of things to get this working:

1. Get rid of your call to res.end . Whenever you call res.end , it will END the request, so any code that happens AFTER that call in the route will not run.

2. I had to create a new route for /arena . This just renders the arena.html file that you've created. This is required if you want to 'redirect' the user to an arena page.

3. I had to update your redirect code to actually redirect the user to /arena (the new route I created in step 2), so that the user will then hit your /arena route, and finally get back the template you are trying to show them.

Answer 2

res.redirect函数永远不会执行，因为您正从该语句之前的函数返回。

Answer 3

You pass a URL to res.redirect() . That URL should be a URL that you have an appropriate route for that will serve the desired file.

Instead you are doing:

res.redirect(__dirname + "/public/arena.html");

But, that isn't a URL at all. That's a path name on your local hard disk. res.redirect() sends a URL back to the browser and, if the browser is following redirects, it will then request that URL from scratch as a branch new request. So, you need to send a URL (not a path) and you need to send a URL that you have a route configured for that will serve the desired file.

It also looks like your express.static() statements might be incorrect. For us to help more specifically with those, we need to know where the static HTML files are on your hard drive relative to __dirname and we need to know exactly how you want the URLs for them to work. For example, do you want a request for /arena.html to serve __dirname + /public/arena.html ? Is that what you are trying to do? Please explain that part so we can advise more specifically on your express.static() statements.

If that is the case, then you can change your redirect to:

res.redirect("/arena.html");