Configurando o nginx conf para o backend do Django-Rest-Framework + frontend do Vuejs

Question

Estou usando uma instância no Google Cloud. Eu tenho um aplicativo que usa DRF para o api (usando gunicorn) e Vuejs no frontend. Estou recebendo ERR_CONNECTION_REFUSED de solicitações feitas no navegador e tentando descobrir como obter essa configuração corretamente. Aqui está o meu arquivo conf nginx atual:

upstream django-api {
    server 127.0.0.1:8000;
}

server {
    listen 80;
    server_name "SERVER_IP";
    location / {
        alias /path/to/website/;
        index index.html;
    }

    location /dist/ {
        alias /path/to/js/files;
    }

    location /api/ {
        proxy_pass http://django-api;
    }

    location /rest-auth/ {
        proxy-pass http://django-api;
    }
}

No aplicativo Vue, estou usando axios para fazer chamadas http e estou usando SERVER_IP: 8000 como a URL / porta base. Novamente o tipo de erro que estou vendo no navegador:

xhr.js:178 GET http://XX.XXX.XXX.xx:8000/api/rest/url/ net::ERR_CONNECTION_REFUSED

    

Answer 1

Você está tentando fazer uma conexão HTTP com a porta 8000 no servidor, mas seu servidor da Web tem apenas a porta 80 aberta ao mundo externo.

Você precisa fazer seus pedidos para a porta 80 em seus testes.