Nginx 는 PC 나 모 바 일 장치 에 적합 합 니 다.
현재 많은 사이트 들 이 PC 엔 드 와 H5 사이트 가 있 습 니 다. 그러면 고객 기기 에 따라 더 좋 은 체험 과 다른 페이지 를 표시 할 수 있 기 때 문 입 니 다.
예 를 들 어 우리 가 흔히 볼 수 있 는 타 오 바 오, 경 동... 이런 대형 사 이 트 는 모두 적응 하지 않 고 따로 만 드 는 방식 을 사용한다.
포인트
$http_user_에이전트 사용:
Nginx 내장 변수 통 해 $httpuser_에이전트, 클 라 이언 트 를 요청 하 는 userAgent 를 가 져 올 수 있 습 니 다. 사용자 가 현재 모 바 일 에 있 는 지 PC 에 있 는 지 다른 페이지 를 보 여 줍 니 다.
/ usr / share / nginx / 디 렉 터 리 에 두 개의 폴 더 를 새로 만 듭 니 다. 각각 pc 와 mobile 디 렉 터 리 입 니 다.
cd /usr/share/nginx
mkdir pc
mkdir mobile
pc 와 miblic 디 렉 터 리 에 index. html 파일 두 개 를 새로 만 듭 니 다. 파일 에 아래 내용 이 있 습 니 다.
I am pc!
I am mobile!
etc / nginx / conf. d 디 렉 터 리 에 들 어가 8001. conf 파일 을 수정 하고 다음 형식 으로 변경 합 니 다.
server{
listen 80;
server_name jd.com;
location / {
root /usr/share/nginx/pc;
if ($http_user_agent ~* '(Android|webOS|iPhone|iPod|BlackBerry)') {
root /usr/share/nginx/mobile;
}
index index.html;
}
}
Nginx 의 Gzip 압축 설정
Gzip 은 웹 페이지 의 웹 압축 기술 로 gzip 압축 을 거 친 후에 페이지 크기 는 원래 의 30%, 심지어 더 작 아 질 수 있다.더 작은 웹 페이지 는 사용자 가 더욱 잘 조회 하고 속도 가 빠르다.gzip 웹 페이지 압축 의 실현 은 브 라 우 저 와 서버 의 지원 이 필요 합 니 다.
gzip 는 서버 와 브 라 우 저가 동시에 지원 해 야 합 니 다.브 라 우 저가 gzip 압축 을 지원 할 때 요청 메시지 에 Accept - Encoding: gzip 을 포함 합 니 다. 그러면 Nginx 는 브 라 우 저 에 gzip 을 받 은 내용 을 보 내 고 해당 정보 헤더 에 Content - Encoding: gzip 를 추가 합 니 다. 이것 은 gzip 후의 내용 이 라 고 설명 하고 브 라 우 저 에 게 먼저 압축 을 풀 어야 출력 을 해석 할 수 있다 고 알려 줍 니 다.
gzip 설정 항목
Nginx 는 전문 적 인 gzip 모듈 을 제공 하고 모듈 의 명령 이 매우 풍부 합 니 다.
gzip : gzip 。
gzip_buffers : gzip 。
gzip_comp_level : gzip , 1-9,1 ,9 。 , 。
gzip_disable : User-Agent 。
gzip_min_length: , Content-length 。
gzip_http_version: HTTP , 1.1. 1.0.
gzip_proxied : gzip 。
gzip_vary : Vary:Accept-Encoding, Accept-Encoding gzip 。
gzip 가장 간단 한 설정
http {
.....
gzip on;
gzip_types text/plain application/javascript text/css;
.....
}
gzip on gizp ,
, 、JavaScript CSS
실행 후
windows 운영 체제 라면 F12 키 를 누 르 면 개발 자 도 구 를 열 수 있 습 니 다. 현재 요청 은 탭 에서 Headers 를 선택 하고 HTTP 응답 헤드 정 보 를 볼 수 있 습 니 다.Content - Encoding 이 gzip 형식 인 것 을 똑똑히 볼 수 있 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.