Nginx静态站搭配NodeJS实现联系表单报405错误配置求解

你的架构完全可以实现。405 Not Allowed报错的核心原因是当前Nginx配置未针对/contact接口路径配置反向代理规则：所有表单提交的POST请求全部命中了静态文件托管规则，而Nginx默认不允许对静态资源路径发起POST请求，因此直接返回405状态，请求根本没有转发到3000端口运行的Node服务。
你之前尝试的405状态改200、错误页重定向到index.html等方案，都是在静态资源规则层面打补丁，从未将请求真正转发给Node服务，自然无法触发邮件发送逻辑；错误配置把POST请求导向静态index.html文件，就会出现"Cannot POST /"或"Cannot POST /index.html"的报错。

Nginx路径匹配遵循最长前缀优先规则，只需要把/contact接口路径的反向代理规则放在静态资源规则之前即可，其余路径仍然由Nginx直接托管静态文件，不需要把整站都反向代理给Node服务。
修正后的完整配置如下：

server {
        listen 80 default_server;
        server_name www.website.com;
        return 301 https://$server_name$request_uri;
}

server {
        listen 443 ssl;
        server_name www.website.com;

        ssl_certificate /etc/nginx/ssl/website-com-cert.pem;
        ssl_certificate_key /etc/nginx/ssl/website-com-key.pem;

        # 优先匹配联系表单接口，转发到本地3000端口Node服务
        location /contact {
                proxy_pass http://127.0.0.1:3000;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Forwarded-Proto $scheme;
        }

        # 其余所有路径走静态文件托管
        location / {
                root /var/www/html;
                index index.html index.htm;
                try_files $uri $uri/ /index.html;
        }
}

• 配置修改完成后，先执行nginx -t命令检查配置语法是否存在错误
• 语法校验通过后，执行nginx -s reload重载Nginx配置使规则生效
• 确认3000端口的Node服务正常运行，且监听地址为127.0.0.1或0.0.0.0，同时建议配置Node服务的进程守护，避免异常退出
• 前端axios请求不要写死带3000端口的绝对地址，直接使用相对路径/contact发起请求即可，完全避免跨域问题
• 该配置下3000端口无需对外开放公网访问权限，仅允许本机访问即可，安全性更高，也不需要在Node服务中额外编写跨域（CORS）相关配置
• 之前测试时添加的静态路径405重写、POST方法特殊处理等冗余规则请全部删除，避免干扰正常代理逻辑

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