この記事では主に、フロントエンドとバックエンドの分離を設定する 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 サイトの他の関連記事を参照してください。