이 기사에서는 프런트엔드와 백엔드 분리를 설정하는 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 - 웹사이트 프론트엔드 백엔드 분리 문제, API 작성
위 내용은 Nginx 설정 프런트엔드 및 백엔드 분리 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!