时间戳

首页 > 解决方案 > 为 DRF、Django 和 React 前端配置 Nginx 和 Gunicorn

django - 为 DRF、Django 和 React 前端配置 Nginx 和 Gunicorn

问题描述

我有一个应用程序，其前端在 React 中，后端在 Django 中，前端使用 DRF 开发的 API。现在我将 Nginx 与 Gunicorn 一起用作 Web 服务器。以下是我在可用站点中的 Nginx conf 文件：

server {
    listen 8000;
    server_name localhost;


 location = /favicon.ico { access_log off; log_not_found off; }
 location /static/ {
    root /home/nokia-ui/build/;
}

location /nokia-sdn/api/v1/ {
    proxy_pass http://127.0.0.1:8000/nokia-sdn/api/v1/;

}

location / {
proxy_set_header Host $host;
    proxy_set_header X-Forwarded-Host $server_name;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_pass http://unix:/home/nokia-sdn/nokia.sock;
}

}

现在当我访问http://localhost:8000/时，我得到了登录页面，但是我无法向后端发出任何 api 请求。我们是否需要在 nginx 文件中定义 API 的路径，如果那么格式是什么？

标签： djangonginxdjango-rest-frameworkgunicorn

解决方案

我怀疑问题是由于标头不匹配，Django 拒绝了带有 400 响应的 API 请求Host。这些 ajax 请求可能127.0.0.1用于它们的Host标头，而您正在使用localhost.

您应该告诉 Nginx 在位置配置中设置标头/nokia-sdn/api/v1/- 例如：

location /nokia-sdn/api/v1/ {
    proxy_set_header Host $http_host;
    proxy_pass http://127.0.0.1:8000/nokia-sdn/api/v1/;
}

推荐阅读