我有一个托管在服务器上的应用程序,上面有Nginx和Gunicorn.这个应用程序的前端是使用Reaction构建的,而后端是Django.我知道如何为Django应用程序配置Nginx和Unicorn.但我想要的是,每个对‘/admin/’和‘/api/’的请求都应该被发送到genicorn,但是对根url和其他请求的每个其他请求都应该被发送到Reaction应用程序来处理.我有为Django服务的Nginx的以下配置,但我不知道如何在一个配置文件中实现前端和后端的配置.

# /etc/nginx/sites-available/myapp

server {
    listen 80;
    server_name myapp.com www.myapp.com

    location = /favicon.ico { access_log off; log_not_found off; }
    location /static/ {
        root /home/ubuntu/myapp;
    }

    location / {
        include proxy_params;
        proxy_pass http://unix:/run/gunicorn.sock;
    }
}

感谢您的帮助

推荐答案

要为您的设置配置Nginx,您需要更新Nginx配置文件,其中您有一个处理/admin//api/的Django后端,以及一个用于根域的Reaction应用程序.请根据需要调整路径.

server {
    listen 80;
    server_name myapp.com www.myapp.com;

    location = /favicon.ico { access_log off; log_not_found off; }
    location /static/ {
        root /home/ubuntu/myapp;
    }

    location /admin/ {
        # Pass requests to the Django backend
        include proxy_params;
        proxy_pass http://unix:/run/gunicorn.sock;
    }

    location /api/ {
        # Pass requests to the Django backend
        include proxy_params;
        proxy_pass http://unix:/run/gunicorn.sock;
    }

    location / {
        # Point to your React app build directory
        root /path/to/your/react/app/build;
        index index.html;

        try_files $uri $uri/ /index.html;
    }
}

重新启动Nginx以应用更改:

sudo systemctl restart nginx

现在,您的Nginx服务器应该配置为在根域为您的Reaction应用程序提供服务,并向Django后端传递以/admin//api/开头的路径的请求

Reactjs相关问答推荐

无法在jest中发布行动

使用Reaction钩子窗体验证可选字段

更改购物车中的产品数量后,PayPal Reaction/Next JS按钮未更新

基本react 应用程序正在触发两次Use Effect

如何使ionic 面包屑在州政府条件下可点击?

试图从Amazon-Cogito-Identity-js模拟CogitoUser.authateUser,并将其获取为未定义的S

useEffect不重新渲染

在reactjs中刷新页面时丢失状态值

如何使用服务器中的数据自动填充表单字段?

React:如何使用条件渲染和react 挂钩来更新另一个组件的状态?

类型错误:类型typeof import(js-cookie)上不存在属性get

Material UI v5.11 - Prop sx 在响应式中写了两次

Reactjs 表单未反映提交时的更改

导航到屏幕时,react 本机上下文状态变为未定义

react-markdown 不渲染 Markdown

如何在自定义 JSX 元素上声明属性?

当我在其中传递 2 个箭头函数时,为什么我的 onClick 事件不适用于 useState

将 dict 值转换并插入到react 钩子的列表中

gtag:为什么谷歌分析即使没有被授权也会收集数据

单击当前子div时如何更改p标签的图像和样式?react