在 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()（直接响应文件），并确保路由路径与文件系统路径解耦清晰、语义明确。
立即学习“前端免费学习笔记（深入）”；
