NW.js中提交Express.js表单后持续加载问题求助

核心问题排查与修复步骤 #

• 查看主进程日志：你之前打开的DevTools是NW.js渲染进程的，看不到server.js（主进程）的输出。打开NW菜单的「开发者工具」→「主进程」，就能看到console.log("hi")的输出，确认请求是否到达路由。
• 调整窗口启动时机：确保Express服务完全启动后再打开NW窗口，把nw.Window.open移到listen的回调里：

  server.listen(8081, function () {
      console.log("Example app listening at port 8081");
      // 服务就绪后打开窗口
      nw.Window.open('http://127.0.0.1:8081/', {}, function (win) { });
  })
  

• 修改表单action为完整URL：NW的请求上下文可能对相对路径的POST请求处理异常，把表单的action改为完整地址：

  form(action='http://127.0.0.1:8081/getChapter' method='POST')
  

• 添加POST请求解析中间件：虽然当前简化了逻辑，但后续处理表单数据需要，同时也能避免潜在的请求解析问题，在server.js中添加：

  const express = require('express');
  const app = express();
  // 解析URL编码的表单数据
  app.use(express.urlencoded({ extended: true }));
  

• 配置NW权限：在package.json中添加网络权限，确保NW允许发起网络请求：

  "permissions": {
    "network": true
  }
  

问题原因说明 #

1. NW.js区分主进程与渲染进程，默认打开的DevTools属于渲染进程，无法查看主进程中Express服务的日志，导致你无法确认请求是否到达路由。
2. 原代码中窗口打开时机早于服务完全启动，可能导致首次请求失败，后续请求也因上下文问题无法正常处理。
3. NW的安全策略对相对路径的跨进程（渲染→主进程服务）请求可能存在拦截，使用完整URL可明确请求目标。

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