web-dev-qa-db-ja.com

Django-Rest-Frameworkバックエンド+ Vuejsフロントエンドのnginxconfの設定

GoogleCloudのインスタンスで実行しています。 APIにDRF（gunicornを使用）を使用し、フロントエンドにVuejsを使用するアプリがあります。 ERR_CONNECTION_REFUSEDブラウザからのリクエストで、この設定を正しく行う方法を見つけようとしています。これが私の現在のnginxconfファイルです：

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;
    }
}

Vueアプリでは、axiosを使用してhttp呼び出しを行い、SERVER_IP：8000をベースURL /ポートとして使用しています。これも、ブラウザーに表示される種類のエラーです。

xhr.js:178 GET http://XX.XXX.XXX.xx:8000/api/rest/url/ net::ERR_CONNECTION_REFUSED
nginxdjangogoogle-cloud-platform
1
Evan Zamir

サーバーのポート8000​​にHTTP接続しようとしていますが、Webサーバーのポート80のみが外部に公開されています。

テストでは、ポート80にリクエストを送信する必要があります。

1
Tero Kilkanen