EJS 文件本身不可直接访问，必须通过 Express 路由定义对应 URL；点击导航链接时，应指向已注册的路由路径（如 /cart），而非文件名或相对路径。
ejs 文件本身不可直接访问，必须通过 express 路由定义对应 url；点击导航链接时，应指向已注册的路由路径（如 `/cart`），而非文件名或相对路径。
在 Express 应用中，.ejs 文件是服务端渲染模板，不是静态资源，因此不能像 HTML 或图片那样通过文件路径直接引用。你看到的 cannot GET /cart 错误，根本原因在于：你尚未为 /cart 这个 URL 定义任何路由处理逻辑。
✅ 正确做法：三步闭环
-
定义路由（在 app.js 或路由文件中）
确保有如下代码，将请求路径 /cart 映射到 cart.ejs 模板：app.get('/cart', (req, res) => { res.render('cart'); // 自动在 views/pages/ 下查找 cart.ejs });? 注意：由于你设置了 app.set('views', path.join(__dirname, 'views/pages'))，Express 会自动在 views/pages/ 目录下查找 cart.ejs，无需写完整路径（如 'pages/cart'）。
dmap-jsapi-skill下载DMap GL地图JSAPI（dmapgl）开发指南。用于编写、审查、调试 DMap 地图 API 代码，涵盖地图初始化、覆盖物渲染、图层管理、事件处理、控件交互等任务。当用户提及 dmap、dmapgl、jsapi‑gl 或相关地图开发需求时自动触发。
-
在 index.ejs 中使用语义化链接
导航链接应指向你定义的路由路径（即 /cart），而非文件名或无前缀路径：<nav> <ul> <li><a href="/">Home</a></li> <li><a href="/cart">Cart</a></li> <!-- ✅ 正确：匹配 app.get('/cart') --> </ul> </nav>❌ 错误示例（导致 404）：
- <a href="cart"> → 浏览器解析为相对路径（如 /products/cart），非绝对路由；
- <a href="cart.ejs"> → Express 默认不暴露 .ejs 文件，且未配置静态托管该扩展名；
- <a href="/views/pages/cart.ejs"> → 安全限制 + 路由未定义，必然 404。
-
验证与调试技巧
- 启动服务器后，手动在浏览器地址栏输入 http://localhost:3000/cart，确认是否能正常渲染；
- 查看终端日志：若路由未定义，Express 会明确打印 Cannot GET /cart；
- 使用浏览器开发者工具（Network 标签页），点击链接时观察实际请求的 URL 和响应状态码。
⚠️ 常见误区提醒
- res.render() 渲染的是模板，不是重定向；它不会改变 URL，但会返回 HTML 响应；
- express.static() 仅服务于 public/ 下的静态资源（CSS/JS/Images），对 views/ 下的 EJS 文件完全无效；
- EJS 模板之间可通过 <%- include(...) %> 复用片段（如页眉、侧边栏），但这属于服务端包含，与页面跳转无关。
✅ 总结
链接 EJS 页面的本质，是链接到 Express 中已声明的路由路径。确保：
① app.get('/cart', ...) 已注册；
② <a href="/cart"> 使用绝对路径；
③ cart.ejs 存在于 views/pages/cart.ejs（与 app.set('views', ...) 配置一致）。
完成这三点，导航即可正常工作。
