Express.js页面跳转怎么实现

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《Express.js 实现页面跳转的正确方法》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！

在 Node.js + Express 环境中，浏览器端的 `location.href` 无法直接用于服务端脚本；应改用 `res.redirect()` 进行服务端重定向，并配合 `res.sendFile()` 提供静态 HTML 文件。

在 Express 项目中（如你的目录结构 ESPractice/views/main.html 和 ESPractice/views/test.html），常见误区是误将浏览器端 JavaScript（如 ）当作服务端逻辑执行——但 Node.js 环境中根本不存在 location 对象，该代码既不会报错（若嵌入 HTML 中仅在客户端运行），也无法按预期跳转，尤其当路径涉及相对路径或未正确配置静态资源时，极易因路径解析失败导致 404。

✅ 正确做法是：由服务端统一控制导航逻辑。例如，当用户访问 /main 时，你想自动跳转到 /test 页面，应在 Express 路由中使用 res.redirect()：

const express = require('express');
const path = require('path');
const app = express();
const viewsPath = path.join(__dirname, 'views'); // 指向 ESPractice/views/

// 方式1：直接重定向到 /test 路由
app.get('/main', (req, res) => {
  res.redirect('/test');
});

// 方式2：直接发送 test.html（无需重定向，适合内部跳转）
app.get('/main', (req, res) => {
  res.sendFile(path.join(viewsPath, 'test.html'));
});

// 提供 /test 路径对应的 HTML 文件
app.get('/test', (req, res) => {
  res.sendFile(path.join(viewsPath, 'test.html'));
});

⚠️ 注意事项：

• 不要依赖客户端 实现关键跳转逻辑，它易受路径、CSP、跨域或脚本执行时机影响；
• 确保 viewsPath 指向正确的目录，且文件权限可读；
• 若需支持 HTML 中的相对链接（如 ），建议统一使用 Express 静态托管：app.use(express.static('views'))，然后通过 /test.html 访问（注意此时 URL 路径即文件路径）；
• res.redirect() 发送的是 HTTP 302（临时重定向），如需永久重定向可传 301：res.redirect(301, '/test')。

总结：Node.js 无 location 对象，location.href 是纯浏览器 API；在 Express 中实现页面跳转，请始终使用 res.redirect()（服务端重定向）或 res.sendFile()（直接响应文件），并确保路由路径与文件系统路径解耦清晰、语义明确。

好了，本文到此结束，带大家了解了《Express.js页面跳转怎么实现》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！