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 /server1/ { proxy_pass http://localhost:8300/; }