Nginx セットアップのフロントエンドとバックエンドの分離サンプルコード

この記事では主に、フロントエンドとバックエンドの分離を設定する Nginx のサンプル コードを共有します。これは、フロントエンドとバックエンドの分離を設定する Nginx をよりよく習得するのに役立ちます。詳細をお役に立てれば幸いです。

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;


    #sendfile        on;
    #tcp_nopush     on;
    #keepalive_timeout  0;
    keepalive_timeout  65;

        proxy_set_header Cookie $http_cookie;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;


  
    gzip  on;
    sendfile     on;

    server {
        listen       8100;
        server_name  localhost;

        location =/ {
            root /Users/abee/WebstormProjects/Angular/dist; 
            index index.html index.htm;
            try_files $uri $uri/ /index.html =404;
        }

        location ~* \.(js|css|htm|html|gif|jpg|jpeg|png|bmp)$ { 
            root /Users/abee/WebstormProjects/Angular/dist; 

        }
        location / {
            proxy_pass http://localhost:8200/;
        }
      
        
    }
}

複数のサーバーlocationがある場合は、テストの参照のみに別の構成

 location /server1/ {
            proxy_pass http://localhost:8300/;
        }

を使用できます。

関連する推奨事項:

フロントエンドとバックエンドの分離と実用的なnodejs中間層サービスに関する知識

フロントエンドとバックエンドの分離に関するチュートリアルの例

javascript - Webサイトのフロントエンドバックエンドの分離の問題、API の作成

以上がNginx セットアップのフロントエンドとバックエンドの分離サンプルコードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。