前端部署： nginx配置

時間 2019-11-11

標籤前端部署 nginx 配置欄目 Nginx 简体版

原文原文鏈接

前提：nginx 已安裝html

簡介：nginx(engine x) 是一個高性能的HTTP和反向代理服務，也是一個IMAP/POP3/SMTP服務。Nginx是由伊戈爾·賽索耶夫爲俄羅斯訪問量第二的Rambler.ru站點開發的，第一個公開版本0.1.0發佈於2004年10月4日。國內分支Tengine。前端

部署：進入安裝的 nginx 目錄，找到 nginx.conf 文件（查找命令：）nginx

查找命令：find / -name nginx.conf
或者 whereis nginx.config

找對本身要編輯的 nginx.config 文件web

進入對應目錄，編輯文件：vim nginx.conf ：數據庫

下面是個人配置：vim

說明：因爲默認端口80 被佔用，需從新配置一個 server 服務，此處設置了不一樣的端口。設置以下：服務器

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/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  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;

    include /etc/nginx/conf.d/*.conf;

    # 新添加部分：因爲默認端口被佔用，需從新配置一個 server 服務，此處設置了不一樣的端口。 
    server {
    　　listen        6789;     # 前端顯示的 port
    　　server_name localhost;  # 服務器地址
    　　root        /usr/local/network_xx/web;  # 文件存放的地址，也就是 前端代碼(通常是index.html+其餘前端全部的文件放置的) 放置的目錄地址
    　　index         index.html;  # 入口文件
    　　charset        utf-8;   # 編碼
    　　access_log    /var/log/nginx/access.log;  # 使用日誌，地址與默認地址保持一致
    　　error_log     /var/log/nginx/error.log;   # 錯誤日誌，地址與默認地址保持一致
    }
}

參考以下：antd

// 參考：
server {
        listen       80;
        server_name  localhost;
        location / {
            proxy_pass http://www.baidu.com;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
}

配置完成後，須要從新加載啓動。app

1. nginx -s stop
2. nginx -c ../../../nginx.conf  // 本身的 nginx.conf 路徑
3. nginx -s reload
//nginx 等價於 /nginx安裝路徑/sbin/nginx

注：上述 nginx -* ... 不起做用是由於沒有配置默認路徑

可直接進入nginx路徑，/nginx安裝路徑/sbin/，再使用命令 ./nginx -s reload tcp


systemctl stop nginx
systemctl start nginx

nginx 啓動： 直接 nginx 便可
更多命令：nginx 使用手冊，查看手冊命令: man nginx

antd pro 前端部署：- Nginx配置

user root;
worker_processes  1;
error_log /usr/local/nginx/log/error.log;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
        server_name  localhost;
        location / {
            root   html;
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
            autoindex on;
        }

        // 後臺路由配置
        location ^~/ippool/ {
            proxy_pass http://**.**.**.**:2000/;
        }
        location ^~/susu/ {
            proxy_pass http://**.**.**.**:2000/;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}