Render部署Django+前端全栈CRUD应用遇CORS跨域重定向问题求助

错误原因分析 #

你遇到的Redirect is not allowed for a preflight request错误，核心原因是浏览器发送的OPTIONS预检请求未得到后端正确响应：

• 当前端发送非简单请求（比如带Content-Type: application/json的POST/PUT请求）时，浏览器会先发送OPTIONS预检请求，确认后端允许跨域。
• 如果后端未配置CORS支持，或预检请求被重定向（比如Render部署中的HTTPS强制跳转配置问题、Django未处理OPTIONS请求），就会触发该错误。

具体解决步骤 #

1. 安装Django CORS处理库 #

在后端项目中安装django-cors-headers，这是Django生态处理CORS的标准工具：

pip install django-cors-headers

安装后更新requirements.txt（Render部署需要依赖文件）：

pip freeze > requirements.txt

2. 配置Django项目的settings.py #

打开项目根目录的settings.py，进行以下修改：

• 在INSTALLED_APPS中添加corsheaders：

  INSTALLED_APPS = [
      # 其他已有的app
      'corsheaders',
      'rest_framework',
      # 你的业务app
  ]
  

• 在MIDDLEWARE中添加CorsMiddleware（必须放在CommonMiddleware之前）：

  MIDDLEWARE = [
      'corsheaders.middleware.CorsMiddleware',
      'django.middleware.common.CommonMiddleware',
      # 其他中间件
  ]
  

• 添加CORS允许的域名（生产环境建议明确指定前端域名）：

  CORS_ALLOWED_ORIGINS = [
      "https://license-frontend.onrender.com",
  ]
  

  开发测试阶段可临时允许所有域名（不建议生产环境使用）：

  CORS_ALLOW_ALL_ORIGINS = True
  

3. 验证Render部署配置 #

• 确认后端Render服务的根路径正确，无多余重定向规则（比如是否将/重定向到其他路径，导致OPTIONS请求被跳转）。
• 确保后端服务环境变量配置正确，Django的DEBUG在生产环境设为False，ALLOWED_HOSTS包含后端域名：

  ALLOWED_HOSTS = ["api-test-license.onrender.com"]
  

后续规避CORS问题的注意事项 #

• 始终使用django-cors-headers处理跨域，不要手动在视图中添加CORS头，避免遗漏预检请求处理。
• 生产环境严格指定CORS_ALLOWED_ORIGINS，禁用CORS_ALLOW_ALL_ORIGINS，保证安全性。
• 部署前在本地测试跨域场景，确认CORS配置生效后再部署到Render。
• 若问题仍存在，查看Render服务日志，检查OPTIONS请求的错误记录，定位具体问题。

内容的提问来源于stack exchange，提问作者Angel Gabriel Chable Concepcio