django跨域访问端口设置

在 Django 中，处理跨域访问的主要工具是 `django-cors-headers`，一个 Django 应用程序，它允许你配置哪些域名可以访问你的 Django 应用。这在开发或生产环境中都很有用，尤其是当你有前端和后端在不同的域或端口上运行时。

以下是设置 Django 跨域访问的步骤：

### 1. 安装 `django-cors-headers`

你可以使用 `pip` 安装 `django-cors-headers`：

```bash
pip install django-cors-headers
```

### 2. 更新 `settings.py`

在你的 Django 项目的 `settings.py` 文件中，进行以下设置：

1. **添加 `corsheaders` 到 `INSTALLED_APPS`**:

   ```python
   INSTALLED_APPS = [
       ...
       'corsheaders',
       ...
   ]
   ```

2. **添加 `CorsMiddleware` 到 `MIDDLEWARE`**：

   确保将 `corsheaders.middleware.CorsMiddleware` 添加到中间件列表中，通常放在 `CommonMiddleware` 之前：

   ```python
   MIDDLEWARE = [
       'corsheaders.middleware.CorsMiddleware',
       'django.middleware.common.CommonMiddleware',
       ...
   ]
   ```

3. **配置允许的 CORS 域**：

   你可以使用以下设置来指定允许的域名或端口：

   - **允许所有域**（开发时使用，不建议在生产环境中使用）：

     ```python
     CORS_ALLOW_ALL_ORIGINS = True
     ```

   - **指定允许的域**：

     ```python
     CORS_ALLOWED_ORIGINS = [
         "http://localhost:3000",
         "http://example.com",
         "http://127.0.0.1:8000",
         # 添加其他允许的域
     ]
     ```

   - **允许特定的 HTTP 方法**：

     ```python
     CORS_ALLOW_METHODS = [
         'GET',
         'POST',
         'PUT',
         'PATCH',
         'DELETE',
         'OPTIONS',
     ]
     ```

   - **允许特定的请求头**：

     ```python
     CORS_ALLOW_HEADERS = [
         'content-type',
         'accept',
         'authorization',
         'x-csrftoken',
         'x-requested-with',
     ]
     ```

   - **设置允许的来源和端口范围**：

     如果你有特定的源和端口范围，可以使用 `CORS_ALLOWED_ORIGIN_REGEXES`：

     ```python
     CORS_ALLOWED_ORIGIN_REGEXES = [
         r'^http://localhost:\d{4}$',
         r'^http://127.0.0.1:\d{4}$',
         # 其他正则表达式
     ]
     ```

4. **开发环境的额外设置**：

   对于开发环境，你可能还需要设置 `CORS_ALLOW_CREDENTIALS` 以允许跨域请求携带凭证（如 Cookies）：

   ```python
   CORS_ALLOW_CREDENTIALS = True
   ```

### 3. 重新启动 Django 服务

在进行完上述配置后，重新启动你的 Django 开发服务器，以确保配置生效：

```bash
python manage.py runserver
```

### 4. 生产环境中的注意事项

在生产环境中，你应该确保只允许受信任的域访问你的 Django 应用。`CORS_ALLOW_ALL_ORIGINS` 应该设为 `False`，并且应明确指定允许的域名。

### 5. 测试跨域访问

你可以使用浏览器的开发者工具（Network 面板）来检查跨域请求是否成功。如果设置正确，你将能够从允许的域进行跨域请求，并且不会遇到 CORS 错误。

### 总结

1. **安装 `django-cors-headers`**。
2. **在 `settings.py` 中配置中间件和允许的 CORS 域**。
3. **重新启动 Django 服务**。
4. **在开发和生产环境中分别进行适当的配置**。

通过这些步骤，你可以有效地管理 Django 应用的跨域访问，确保前后端能够顺畅地进行数据交换。