Node.js+EJS服务处理浏览器请求重复两次问题求助

根据你描述的现象（Postman单次请求正常，浏览器触发两次，第二次Accept头指向图片资源），大概率是页面内的资源引用问题导致浏览器发起二次请求，以下是具体排查方向和解决方案：

核心排查点 #

• 空的或无效的img标签：浏览器遇到<img src="">时，会把空src解析为当前页面URL，从而重复请求/home。检查你EJS模板里所有img标签，确保src属性要么指向有效静态资源，要么直接移除空标签。
• 错误的资源引用路径：CSS里的背景图、script/link标签的src路径错误，导致浏览器无法找到资源， fallback 请求当前页面。比如引用了不存在的/images/xxx.png，而静态资源中间件配置在路由之后，就会被路由转发到/home的处理逻辑。
• 格式错误的内联资源：比如base64图片编码错误，浏览器无法解析，触发二次请求。

具体操作步骤 #

1. 定位请求发起源：打开浏览器开发者工具→网络面板，找到第二次/home请求，查看「发起者（Initiator）」列，明确是哪个元素或代码触发了这次请求（比如某个img标签、CSS文件、JS脚本）。
2. 校验静态资源中间件顺序：确保express.static的配置在所有路由之前，避免静态资源请求被路由规则匹配：

   const path = require('path');
   // 先挂载静态资源中间件
   app.use(express.static(path.join(__dirname, 'public')));
   // 再挂载路由
   app.use(require('./routers/home'));
   

3. 检查EJS模板中的资源引用：
   • 遍历模板里的所有<img>标签，确认没有空src或无效路径；
   • 检查CSS里的background-image属性，确保引用的图片路径正确；
   • 确认script/link标签的src没有拼写错误，资源确实存在于静态资源目录。
4. 排查预加载/预取配置：如果页面用了<link rel="preload">或<link rel="prefetch">，检查对应的href路径是否有效，避免指向不存在的资源。

额外验证 #

如果以上步骤没解决，可临时在EJS模板中去掉所有图片、CSS、JS引用，只保留纯文本内容，再测试是否还会触发二次请求。如果恢复正常，就逐个加回资源引用，定位到具体的错误资源。

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