跨域前端请求后端遇Bad Request及SSL协议错误求助

1. 检查Nginx SSL监听配置 #

• 确认Nginx在443端口正确监听SSL请求，配置里必须包含有效的证书和兼容的SSL协议：

  listen 443 ssl;
  ssl_certificate /etc/letsencrypt/live/example-2.com/fullchain.pem;
  ssl_certificate_key /etc/letsencrypt/live/example-2.com/privkey.pem;
  ssl_protocols TLSv1.2 TLSv1.3; # 禁用TLSv1.0/1.1这类旧协议，避免兼容性冲突
  ssl_ciphers HIGH:!aNULL:!MD5;
  

• 绝对不能让443端口同时处理HTTP请求，否则浏览器发HTTPS请求过来就会触发SSL协议错误。

2. 验证Nginx反向代理配置（如果用了代理） #

• 如果Nginx把请求转发给Flask，要确保代理配置没搞混HTTP和HTTPS：

  location / {
      proxy_pass http://127.0.0.1:5000; # 换成你的Flask实际监听端口
      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; # 关键：告诉Flask当前请求是HTTPS协议
  }
  

• 检查是否有强制HTTPS的重写规则，别出现循环重定向或者错误的协议转换。

3. 调整Flask应用的协议与CORS配置 #

• 用flask-cors时，明确指定允许的前端域名，别用通配符（除非必要）：

  from flask import Flask
  from flask_cors import CORS
  from werkzeug.middleware.proxy_fix import ProxyFix
  
  app = Flask(__name__)
  # 只允许example.com的请求
  CORS(app, resources={r"/*": {"origins": "https://example.com"}})
  # 让Flask识别Nginx转发过来的HTTPS协议
  app.wsgi_app = ProxyFix(app.wsgi_app, x_proto=1)
  

4. 排查浏览器请求细节 #

• 打开浏览器F12开发者工具，看「网络」面板：
  • 确认请求URL是https://example-2.com，没被莫名重定向到HTTP。
  • 检查请求头里的Origin是不是https://example.com，后端CORS得允许这个来源。
• 用curl模拟浏览器请求，带上Origin头测试：

  curl -X POST https://example-2.com/你的接口路径 -H "Origin: https://example.com" -v
  

  对比服务器端能正常请求的情况，看浏览器请求到底差在哪。

5. 查看Nginx错误日志 #

• 去/var/log/nginx/error.log里找和SSL、请求版本相关的错误，比如是不是浏览器用了Nginx不支持的旧SSL协议，或者请求格式有问题。

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