nginx React 정적 페이지 설정 방법 튜 토리 얼

머리말
본 고 는 주로 nginx 설정 React 정적 페이지 에 관 한 내용 을 소개 합 니 다.글 에서 nginx 의 설치 와 기본 적 인 조작 에 대해 상세 하 게 소개 한 다음 에 React 정적 페이지 nginx 설정 간결 판 의 예제 코드 를 공유 하 였 습 니 다.다음은 더 이상 말 하지 않 겠 습 니 다.상세 한 소 개 를 해 보 겠 습 니 다.
nginx 의 설치 시작 과 80 포트 가 점용 되 는 해결 방법 에 대해 서도 이 글 을 참고 하 실 수 있 습 니 다.https://www.jb51.net/article/110291.htm
STEP 1:설치
1、http://nginx.org/en/download.html 다운로드 하 다.
2、 tar -xf nginx-1.2.0.tar.gz3.압축 해제 디 렉 터 리 에 들 어가 기  chmod a+rwx *
4、 ./configure --without-http_rewrite_module5、 make && make install6、 sudo /usr/local/nginx/sbin/nginx
7.브 라 우 저 localhost 방문
8.놀 라 운 환영 페이지 발견
STEP 2:기본 동작
시동 을 걸다

cd /usr/local/nginx/sbin
./nginx
소프트 링크
시동 이 그렇게 번 거 로 운 데,나 는 직접 nginx 시동 을 걸 고 싶다!

ln -s /usr/local/nginx/sbin/nginx /usr/local/bin/nginx
시작 프로필 보기

sudo nginx -t
다시 시작

sudo nginx -s reload
닫다

ps -ef | grep nginx
kill -QUIT xxxx
세 번 째 반응 정적 페이지 nginx 설정 간결 판

worker_processes 1;

events {
 worker_connections 1024;
}


http {
 include mime.types;
 default_type application/octet-stream;
 sendfile on;
 keepalive_timeout 65;
 server {
 listen 8080;
 server_name localhost;

 root /Users/jasonff/project/erp-web;

 location / {
  try_files $uri @fallback;
 }

 location @fallback {
  rewrite .* /index.html break;
 }

 error_page 500 502 503 504 /50x.html;
 location = /50x.html {
  root html;
 }
 }
 include servers/*;
}
약간의 설명:
  • 제 프로필 이 어디 에 있 습 니까?
  • 자신의 프로필 이 어디 에 있 는 지 알 고 싶 습 니 다.두 번 째 단계 에서 시작 프로필 을 보고 필요 한 설정 을 이 파일 에 쓰 십시오.
  • STEP 4:여러 사이트 배치
    ngix.conf 파일 이 있 는 디 렉 터 리 에 폴 더 vhost 를 새로 만 들 고 example 1.conf,example 2.conf...
    
    server {
     listen 8030;
     server_name localhost;
     root /Users/jasonff/project/souban-website;
     location / {
     try_files $uri @fallback;
     }
     location @fallback {
     rewrite .* /index.html break;
     }
     error_page 500 502 503 504 /50x.html;
     location = /50x.html {
     root html;
     }
    }
    그리고 nginx.conf 를 다시 설정 합 니 다.
    
    worker_processes 1;
    events {
     worker_connections 1024;
    }
    
    http {
     include mime.types;
     default_type application/octet-stream;
     sendfile on;
     keepalive_timeout 65;
     include vhosts/*;
     //  include vhosts/*
    }
    부록:설정 소개(사전 조회)
    
    #    
    user nobody;
    #    ,      cpu     
    worker_processes 1;
    
    #       PID  
    #error_log logs/error.log;
    #error_log logs/error.log notice;
    #error_log logs/error.log info;
    
    #pid logs/nginx.pid;
    
    #          
    events {
     #epoll     IO(I/O Multiplexing)      ,
     #   linux2.6    ,      nginx   
     use epoll; 
    
     #    worker process           
     worker_connections 1024;
    
     #       worker_processes   worker_connections    
     #   max_clients = worker_processes * worker_connections
     #             ,max_clients = worker_processes * worker_connections / 4    
     #             4,         
     #       ,      Nginx Server           :4 * 8000 = 32000
     # worker_connections              
     #      IO  ,max_clients                 
     #                      ,  1GB                 10   
     #      360M   VPS             :
     # $ cat /proc/sys/fs/file-max
     #    34336
     # 32000 < 34336,                      ,                 
     #   ,worker_connections       worker_processes                            
     #                        
     #              CPU       
     #   ,                  ,                     。
     # ulimit -SHn 65535
    
    }
    
    
    http {
     #  mime  ,   mime.type    
     include mime.types;
     default_type application/octet-stream;
     #      
     log_format main '$remote_addr - $remote_user [$time_local] "$request" '
       '$status $body_bytes_sent "$http_referer" '
       '"$http_user_agent" "$http_x_forwarded_for"';
    
     access_log logs/access.log main;
    
     #sendfile      nginx      sendfile   (zero copy   )     ,
     #      ,     on,
     #             IO     ,     off,
     #        I/O    ,     uptime.
     sendfile on;
     #tcp_nopush on;
    
     #      
     #keepalive_timeout 0;
     keepalive_timeout 65;
     tcp_nodelay on;
    
     #  gzip  
     gzip on;
     gzip_disable "MSIE [1-6].";
    
     #      
     client_header_buffer_size 128k;
     large_client_header_buffers 4 128k;
    
    
     #        
     server {
     #  80  
     listen 80;
     #     www.nginx.cn  
     server_name www.nginx.cn;
    
     #               
     root html;
    
     #            
     access_log logs/nginx.access.log main;
    
     #    
     location / {
    
      #           
      index index.php index.html index.htm; 
    
     }
    
     #         
     error_page 500 502 503 504 /50x.html;
     location = /50x.html {
     }
    
     #    ,nginx    
     location ~ ^/(images|javascript|js|css|flash|media|static)/ {
    
      #  30 ,         ,        ,
      #      ,         。
      expires 30d;
     }
    
     #PHP           FastCGI  .   FastCGI    .
     location ~ .php$ {
      fastcgi_pass 127.0.0.1:9000;
      fastcgi_index index.php;
      fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
      include fastcgi_params;
     }
    
     #     .htxxx   
      location ~ /.ht {
      deny all;
     }
    
     }
    }
    나의 그림 을 동봉 하 다


    총결산
    이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.

    좋은 웹페이지 즐겨찾기