Node.js中如何在res.writeHead(301)中先显示alert再重定向？

嘿，我来帮你搞定这个问题～

当你给res.writeHead传入301状态码时，浏览器会严格遵循HTTP协议的规则：直接读取Location头并立即跳转，完全不会去解析你在第二个参数里写的HTML内容。这就是alert没机会弹出的核心原因——浏览器根本没处理那段代码。

要达成这个交互效果，你需要返回一个200状态码的正常页面，把跳转逻辑交给前端JavaScript来控制。具体代码示例如下：

const http = require('http');

const server = http.createServer((req, res) => {
  // 返回200状态码，告诉浏览器这是一个正常的页面响应
  res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
  
  // 编写包含提示和跳转逻辑的HTML
  const pageContent = `
<!DOCTYPE html>
<html lang='en' dir='ltr'>
<head>
<meta charset='utf-8'>
<title>Hola Mundo</title>
</head>
<body>
<script type='text/javascript'>
// 先弹出提示框
alert('Done');
// 用户点击确定后，跳转到目标页面
window.location.href = 'http://localhost:8086/uploadform';
</script>
</body>
</html>
  `;
  
  res.end(pageContent);
});

server.listen(8080, () => {
  console.log('Server up on port 8080');
});

如果想给跳转加个延迟（比如提示用户“3秒后跳转”），可以把跳转代码改成：

alert('Done');
setTimeout(() => {
  window.location.href = 'http://localhost:8086/uploadform';
}, 3000); // 延迟3秒跳转

很遗憾，这是做不到的。301属于服务器端重定向，浏览器收到这个状态码后，只会执行跳转动作，不会处理任何响应体内容。如果你的需求里需要保留301的SEO意义（比如告诉搜索引擎页面永久迁移），可以折中处理：

• 返回200页面显示提示和跳转逻辑
• 同时在响应头里添加Link头：res.setHeader('Link', '<http://localhost:8086/uploadform>; rel="canonical"')，这样搜索引擎会识别目标地址为页面的规范地址，不影响SEO效果。

内容的提问来源于stack exchange，提问作者Komal Jaiswal