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 - 웹사이트 프론트엔드 백엔드 분리 문제, API 작성

위 내용은 Nginx 설정 프런트엔드 및 백엔드 분리 예제 코드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!