Express+EJS项目首页路由多次触发问题排查求助

以下是针对该问题的常见原因及排查方案：

常见触发原因 #

• 浏览器自动请求favicon.ico：绝大多数浏览器访问页面时会默认向根目录发起favicon.ico请求，如果你的Express应用未专门处理该路由，服务器会将其误判为/路由请求，导致触发两次请求。
• EJS模板存在无效资源引用：检查index.ejs中的<img>、<script>、<link>标签，若存在路径错误（比如写成<img src="/">）或引用了不存在的资源，浏览器加载失败后可能会重复请求首页，或发送额外的错误请求被路由处理逻辑捕获。
• axios请求重复触发：确认index.js的路由处理函数中是否多次调用axios，或存在事件监听重复绑定的情况；另外检查axios拦截器是否存在逻辑漏洞导致请求重复发送。
• Express路由/中间件重复注册：排查是否多次调用app.get('/', ...)注册首页路由，或某段中间件逻辑意外触发了路由的重复执行。
• 浏览器缓存/误操作：偶发的重复请求可能来自浏览器缓存策略异常，或用户误操作（如双击刷新），可通过控制台请求时间间隔判断是否为这类情况。

排查步骤 #

1. 查看请求详情：在控制台日志中检查请求的URL、Request Method及请求头，确认是否存在/favicon.ico的请求，或其他异常请求路径。
2. 验证模板资源引用：逐行检查index.ejs中的所有资源引用路径，确保每个src/href指向正确的资源文件，无错误的根路径引用。
3. 添加请求日志：在/路由处理函数开头添加日志代码：

   app.get('/', (req, res) => {
     console.log('Request URL:', req.url);
     console.log('Request Headers:', req.headers);
     // 原有逻辑...
   });
   

   通过日志区分每次请求的来源，判断是浏览器默认请求还是其他触发因素。
4. 隔离测试：暂时注释掉axios调用和EJS渲染逻辑，改为直接返回简单响应：

   app.get('/', (req, res) => {
     res.send('Test');
   });
   

   若路由不再多次触发，说明问题出在API调用或模板渲染环节；若仍触发，则排查路由注册或中间件问题。

内容的提问来源于stack exchange，提问作者Mr A KeYz