Nginx配置中无尾斜杠HTML表单提交失败的解决方案咨询

配置了Nginx规则rewrite ^([^.]*[^/])$ $1/ permanent;，用来实现无尾斜杠URL自动跳转，但发现HTML表单的action不带尾斜杠时无法正常提交（页面仅刷新或跳转，数据未提交），带尾斜杠则能正常提交。相关配置及代码如下：

Nginx配置 #

server {
    listen 80;
    listen [::]:80;
    server_name mysite.com;
    
    rewrite ^([^.]*[^/])$ $1/ permanent;
    absolute_redirect off;
    server_name_in_redirect on;

    location / {
        proxy_pass http://webserver:80/;
    }

    location ~ /.well-known/acme-challenge {
        allow all;
        root /tmp/acme_challenge;
    }
}

无尾斜杠的HTML表单 #

<form method='post' action='action/submit'>

带尾斜杠的HTML表单 #

<form method='post' action='action/submit/'>

.htaccess规则 #

RewriteEngine On
RewriteCond %{REQUEST_URI} !\.(css)$
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.+)$ index.php [L,QSA]

需求：实现表单无需尾斜杠即可正常提交。

方法1：仅对GET请求执行尾斜杠跳转 #

当前permanent是301重定向，POST请求被重定向后会自动转为GET，导致表单数据丢失。修改Nginx规则，只针对GET请求做尾斜杠跳转：

if ($request_method = GET) {
    rewrite ^([^.]*[^/])$ $1/ permanent;
}

这样表单提交的POST请求会直接转发到后端，不会被强制跳转，数据可正常提交。

方法2：排除表单提交路径的跳转 #

如果不想对所有POST请求放开，可针对表单提交的特定路径做排除，避免该路径被强制加尾斜杠：

rewrite ^((?!action/submit)[^.]*[^/])$ $1/ permanent;

这种方式更精准，但需要根据实际表单路径维护排除列表。

方法3：后端兼容无尾斜杠路径 #

结合现有的.htaccess规则，后端已经将非文件/目录的请求转发到index.php，可以在后端脚本（如index.php）中统一处理请求URI：自动识别并兼容带尾斜杠和不带尾斜杠的路径，再进行路由，无需依赖Nginx的跳转规则。

方法4：设置页面基准URL #

在HTML页面的<head>中添加<base>标签，指定页面的基准URL，让表单的相对路径自动基于基准URL解析：

<base href="https://mysite.com/">

之后表单的action='action/submit'会被自动解析为https://mysite.com/action/submit，配合Nginx或后端的处理逻辑即可正常提交。

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