表单提交目标地址不必同源，原生form跨域提交不受CORS限制；但内网地址如http://192.168.1.100:8080需确保HTML页面与该地址同协议、同网络可达，否则因mixed-content或连接拒绝导致请求静默失败。
表单提交目标地址必须是同源的内网地址
浏览器的同源策略（Same-Origin Policy）会直接拦截跨域提交，所以 form action 不能写成 http://192.168.1.100:8080/api/submit 然后指望它在公网页面里正常工作——除非这个 HTML 文件本身也托管在同一个内网服务器上（比如用户本地双击打开的 file:// 页面或通过内网 Nginx 提供的页面）。否则会遇到 Blocked by CORS policy 或更直接的 net::ERR_CONNECTION_REFUSED（因为浏览器根本没发请求，连预检都跳过）。
常见错误现象：
- 表单点击提交后页面空白或跳转失败，控制台无报错（实际是网络层被静默拒绝）
- 开发者工具 Network 面板里看不到任何请求发出
- 误以为是后端没监听，其实是前端压根没发出去
使用 fetch + POST 替代原生 form 提交更可控
原生 <form> 提交是全页面跳转或刷新，且无法捕获网络错误细节。改用 fetch 可以明确处理连接失败、超时、内网不可达等场景。
实操建议：
立即学习“前端免费学习笔记（深入）”；
-
action地址必须是相对路径（如/api/submit）或明确的内网绝对地址（如http://10.0.2.5:3000/submit），且确保该地址对运行网页的设备可达 - 添加
mode: 'no-cors'不解决问题——它只允许发出“简单请求”，但禁止读取响应，完全失去调试能力；应避免使用 - 必须设置
credentials: 'include'才能携带 Cookie（如果后端依赖 session 认证） - 超时需手动控制：
AbortController是唯一可靠方式，fetch本身不支持 timeout 参数
const controller = new AbortController();
setTimeout(() => controller.abort(), 5000);
fetch('http://192.168.1.20:8000/submit', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ name: 'test' }),
credentials: 'include',
signal: controller.signal
})
.catch(err => {
if (err.name === 'AbortError') console.error('请求超时');
else console.error('网络异常：', err);
});
内网环境常被忽略的 DNS 和协议问题
很多内网服务用的是自签名证书或直接走 HTTP，但现代浏览器对 http:// 在非 localhost 场景下越来越严格（尤其 Chrome 120+ 对局域网 HTTP 的降级警告）。用户可能看到“您的连接不是私密连接”并阻止加载，导致 JS 脚本根本没执行。
关键点：
- 若后端只支持 HTTP，前端 HTML 必须也通过 HTTP 提供（不能是
file://或 HTTPS 页面），否则 fetch 会被mixed-content策略拦截 - 不要依赖主机名（如
server.local）——内网 DNS 不一定配置了 mDNS，优先用 IP 地址 - 移动端访问内网时，Wi-Fi 和蜂窝网络切换会导致 IP 失效，需提示用户检查当前网络是否接入同一局域网
调试时怎么确认请求真发出去了
最直接的办法不是看浏览器控制台，而是抓包。在提交表单或触发 fetch 的同时，在内网服务器所在机器上运行：
tcpdump -i any port 8000 -w debug.pcap
然后用 Wireshark 打开 debug.pcap 查看是否有 SYN 包到达。如果没有，说明请求根本没离开浏览器；如果有但没响应，就是后端没监听或防火墙拦截。
另一个低成本验证方式：在目标内网服务器上起一个最小化 HTTP 服务（如 Python）：
python3 -m http.server 8000 --bind 0.0.0.0:8000
再从浏览器发起请求，观察终端是否打印出 GET/POST 日志——这能快速区分问题是出在前端发不出，还是后端收不到。
真实部署时最容易被忽略的，是内网服务器的监听地址是否为 0.0.0.0（而非 127.0.0.1），以及系统防火墙（如 Windows Defender 防火墙、ufw）是否放行了对应端口。
