axios 发起 POST 请求后，await 后续代码未执行，表面无报错——根本原因是后端未发送 http 响应，导致客户端请求挂起超时，await 永远无法 resolve。
axios 发起 post 请求后，`await` 后续代码未执行，表面无报错——根本原因是后端未发送 http 响应，导致客户端请求挂起超时，`await` 永远无法 resolve。
在使用 axios.post() 发起异步请求时，await 的本质是等待 promise 被 fulfilled（成功）或 rejected（失败）。而该 Promise 的状态转变，完全取决于 HTTP 请求是否收到服务端的响应（response）。若后端处理完逻辑却未调用 res.send()、res.json() 或其他响应方法，Node.js 的 express 服务器将不会自动结束该请求——客户端会持续等待，直到触发默认超时（通常为 10 秒），此时 Promise 才会被 reject（抛出 Network Error 或 timeout 错误），但该错误往往被 try…catch 捕获后静默吞掉，造成“无报错却卡住”的假象。
你的后端代码存在关键遗漏：
// ❌ 错误示例：缺少 res.*() 响应调用 app.post("/post", async (req, res) => { console.log(req.body); try { const createPost = await PostModel({ content: req.body.content }); createPost.save(); // 注意：此行返回的是 Promise，但未 await！ // → 此处缺少 res.json(...) 等响应语句 } catch (error) { console.log("error: ", error.message); // → 也缺少 res.status(...).json(...) } });这会导致两个严重问题：
- 请求永不结束：Express 不知道该响应什么，连接保持挂起；
- 数据库保存可能失败：createPost.save() 是异步操作，未 await 将导致其执行不受 try 保护，错误无法被捕获。
✅ 正确写法需同时满足：
- await 所有异步操作（包括 save()）；
- *无论成功或失败，都必须显式调用 `res.()` 方法终止响应**。
修正后的后端代码如下：
app.post("/post", async (req, res) => { console.log("Received post data:", req.body); try { const post = new PostModel({ content: req.body.content }); await post.save(); // ✅ 必须 await，确保保存完成且错误可捕获 // ✅ 成功响应：告知客户端操作完成 res.status(201).json({ success: true, message: "Post created successfully", data: { id: post._id, content: post.content } }); } catch (error) { console.error("Failed to create post:", error); // ✅ 失败响应：返回状态码 + 错误信息 res.status(500).json({ success: false, message: "Failed to create post", error: error.message }); } });相应地，前端可安全执行后续逻辑：
async function createPost() { try { const response = await axios.post("http://localhost:3001/post", { content: postContent, }); console.log("here: ✅ Request completed", response.data); // 现在一定能执行 // ✅ 可在此处更新 UI、刷新列表、重置表单等 // getPosts(); // 例如重新拉取最新帖子 // resetForm(); } catch (error: any) { console.error("Post failed:", error.response?.data || error.message); // ✅ 可提示用户：Toast.error("发布失败，请重试") } } // 按钮中直接调用（无需额外包装） <button onClick={createPost} // ✅ 更简洁，避免匿名函数嵌套 className="absolute right-2 text-white bottom-2 bg-[#359BF0] px-5 py-2 rounded-full" > Post </button>? 关键注意事项总结：
- 后端无响应 = 前端无限等待：这是 Express 的设计原则，不是 Axios bug；
- res.json() / res.send() / res.end() 等响应方法必须且只能调用一次，重复调用会抛出 Error [ERR_HTTP_HEADERS_SENT]；
- 始终 await 数据库操作（如 save()、find()），否则错误流失控；
- 开发时可通过浏览器 Network 面板观察请求状态：若状态长期显示 pending，即为后端未响应；
- 生产环境建议统一响应格式（如 { code, message, data }），便于前端统一处理。
遵循以上规范，即可彻底解决“POST 后代码不执行”的常见陷阱，构建健壮可靠的前后端通信流程。