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.gz
3.압축 해제 디 렉 터 리 에 들 어가 기 chmod a+rwx *4、
./configure --without-http_rewrite_module
5、 make && make install
6、 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/*;
}
약간의 설명: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;
}
}
}
나의 그림 을 동봉 하 다총결산
이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
nginx 에서 사이트 아이콘 표시 설정전단 개발 환경: react:^16.4.1 webpack:^4.16.0 웹 팩 에 favicon. ico 설정 추가: nginx 는 ico 에 대한 지원 을 추가 합 니 다:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.