为何本地打开的HTML文件提交表单时不会向远程服务器发送请求

这个现象由浏览器相对URL解析规则、本地文件访问的协议上下文共同决定，和表单提交逻辑本身无关：

• 表单中配置的action="/process"是根相对路径，属于相对URL范畴。浏览器解析所有相对URL时，始终以当前加载页面的访问源（协议+主机+端口）为拼接基准，不会自动关联页面最初的来源站点。
• 不同访问场景下的页面源差异直接导致了请求地址的区别：
  • 访问原站点页面时，页面地址为https://[对应站点域名]/[页面路径]，源是远程服务器的HTTPS服务地址，/process会被拼接为https://[对应站点域名]/process，POST请求直接发送到远程服务器，可被服务端正常处理。
  • 保存HTML到本地后，通过file://协议打开本地文件时，页面的源是本地文件系统根目录（Windows环境通常为file:///C:/，macOS/Linux环境为file:///），/process会被解析为本地文件路径file:///process，也就是磁盘根目录下名为process的文件。浏览器无法在本地找到对应文件，就会抛出ERR_FILE_NOT_FOUND错误。

浏览器执行网页保存操作时，只会原封不动存储抓取到的HTML源码，不会自动给表单地址、静态资源引用等相对路径补全原站的绝对地址。本地存储的HTML文件和原站点不存在任何绑定关系，浏览器不会记录单个本地HTML文件的原始下载地址，自然不会默认向原站发送请求。
如果需要本地打开页面时也能将请求提交到原站，只需要把表单action属性修改为带原站域名的完整绝对地址即可，示例代码如下：

<form action="https://[对应站点域名]/process" method="post">
        <p><input type="submit" value="Submit"></p>
</form>

如果原站接口配置了跨域限制、CSRF token校验等安全策略，即便修改为绝对地址，本地打开页面提交的请求也可能被服务端拦截，这属于站点安全规则的作用范围，和路径解析逻辑无关。

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