nginx 기반 정적 웹 페이지 배치

8074 단어 nginx
배경:
html 웹 페이지 를 배치 해 야 합 니 다.
nginx 기반 배치:
본 고 는 openresty 기반 nginx 설정 을 사용 합 니 다.Nginx 설정 파일 을 간단하게 설정 합 니 다. Nginx 를 시작 할 때 이 설정 을 사용 하면 작 성 된 html 웹 페이지 에 대한 클릭 전환 접근 을 실현 할 수 있 습 니 다.본문의 중점 도 여기에 있다.
설정 방법 1:
Nginx 의 설정 시스템 은 주 프로필 과 다른 보조 프로필 로 구성 되 어 있 습 니 다.이 프로필 들 은 모두 일반 텍스트 파일 입 니 다. 일반적으로 주 프로필 만 설정 하면 됩 니 다/usr/local/openresty/nginx/conf 아래 프로필 수정 은 다음 과 같 습 니 다. 설정 정보:
#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 {
    resolver 10.1.16.10;
    include       mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr\t$remote_user\t[$time_local]\t$request '
        '\t$status\t$body_bytes_sent\t$http_referer'
        '\t$http_user_agent\t$http_x_forwarded_for'
        '\t$host\t$request_time\t$upstream_addr\t$upstream_status\t$upstream_response_time';

    server_names_hash_bucket_size 128;
    client_header_buffer_size 32k;
    large_client_header_buffers 4 32k;
    client_max_body_size 30m;

    sendfile on;
    tcp_nopush     on;
    log_subrequest on;

    keepalive_timeout 60;
    tcp_nodelay on;

    gzip on;
    gzip_min_length  1k;
    gzip_buffers     4 16k;
    gzip_http_version 1.0;
    gzip_comp_level 2;
    gzip_types       text/plain application/x-javascript text/css application/xml;
    gzip_vary on;

    lua_package_cpath 'lib/?.so;tcp/lib/?.so;/data1/htdocs/lua_v2/lib/*/?.so;;';
    lua_shared_dict cache 100m;
    lua_code_cache on;
    lua_shared_dict lyrics_monitor_cnt 1024K;

    server {
    listen 8081;             #        ip    8081   
    server_name _;           #   :www.example.com    "_"         
    root /home/liujiepeng/workspace/html/etc/resource/html/; #      
    index Home.html;
    }
}

디 렉 터 리 를 만 듭 니 다. 예 를 들 어 / home / liujiepeng / workspace / html / etc / resource / html / 그리고 이 html 폴 더 아래 에 배치 해 야 할 정적 페이지 파일 을 배치 할 수 있 습 니 다. 예 를 들 어 html 아래 에 저 는 google, baidu, liujiepeng 이 세 개의 폴 더 가 있 습 니 다. 그 중에서 server 필드 는 다음 과 같이 설정 되 어 있 습 니 다.
server {
        listen 80;
        server_name _;
        root /home/liujiepeng/workspace/html/etc/resource/html/;
        index Home.html;
}

여기 있 는 모든 폴 더 아래 의 정적 페이지 파일 이름 은 Home. html 입 니 다.이렇게 설정 하면 예 를 들 어 www. example. com / google / 를 방문 하면 nginx 는 루트 가 지정 한 디 렉 터 리 에 있 는 google 폴 더 에서 Home. html 를 찾 고 google 페이지 를 되 돌려 줍 니 다. 마찬가지 로 www. example. com / baidu / 를 방문 하면 baidu 폴 더 에 있 는 Home. html 를 찾 아 baidu 페이지 를 되 돌려 줍 니 다.
구 글, baidu, liujiepeng 폴 더 의 동급 디 렉 터 리 에 도 메 인 이름 홈 페이지 Home. html 를 추가 하면 www. example. com 을 방문 하면 돌아 갑 니 다.
여기 서 유일 하 게 옥 에 티 는 도 메 인 이름 중 www. showzeng. cn / zhihu 끝 에 자동 으로 추가 /, 브 라 우 저 에서 F12 디 버 깅 을 누 르 면 www. showzeng. cn / zhihu 가 301 상태 코드 인 것 을 발견 할 수 있 습 니 다. index. html 는 zhihu / 폴 더 아래 있 기 때문에 검색 과정 에서 www. showzeng. cn / zhihu / 로 재 설정 합 니 다.
설정 방법 2:
여기 서 주의해 야 할 것 은 http 컨 텍스트 의 server 컨 텍스트 입 니 다.
server {
        listen 8081;             #        ip    8081   
        server_name _;           #   :www.example.com    "_"         
        root /home/filename/;    #      

        location / {             #      location         
            try_files index.html =404;
        }
}

이 루트 필드 는 location 필드 의 바깥쪽 에 써 서 css, js 를 불 러 올 수 없 는 상황 이 발생 하지 않도록 하 는 것 이 좋 습 니 다.css, js 의 로 딩 은 자동 이 아니 기 때문에 nginx 는 실행 할 수 없습니다. 자원 을 되 돌려 주 는 추가 설정 이 필요 하기 때문에 정적 페이지 의 배치 에 있어 서 가장 편리 합 니 다.서버 에 / home / liujiepeng / work space / html / etc / resource / html / 가 있 으 며, 아래 에는 index. html 파일 과 css / 및 img /, root / home / liujiepeng / work space / html / etc / resource / html / 가 있 습 니 다. 이 설정 문 구 는 서버 에 자원 을 불 러 올 때 / home / liujiepeng / work space / html / etc / resource / html / 에서 찾 습 니 다.그 다음으로 location 후의 매 칭 은 여러 가지 로 나 뉘 는데 그 각종 매 칭 방식 의 우선 순위 도 각각 다르다.여기에 정확 한 일치 예 를 열거 합 니 다.
server {
        listen 80;               
        server_name _;           
        root /home/zhihu/;    

        location = /zhihu {
            rewrite ^/.* / break;
            try_files index.html =404;
        }
}

이때 www. example. com / liujiepeng 을 방문 하면 zhihu. html 를 불 러 옵 니 다.location 의 정확 한 일치 로 인해 www. example. com / liujiepeng 이라는 경로 에 접근 할 때 만 정확 한 응답 을 할 수 있 습 니 다. 또한 이 때 는 rewrite 정규 매 칭 을 통 해 / zhihu 를 원래 의 / 로 해석 해 야 합 니 다.더 많은 location 필드 용법 에 대해 서 는 글 의 마지막 참고 자료 에서 볼 수 있 습 니 다.
참고:http://showzeng.itscoder.com/nginx/2016/10/03/use-nginx-to-deploy-static-pages-easily.html

좋은 웹페이지 즐겨찾기