【笔记】nginx前端配置、后端配置、前后端分离配置

￡神魔★判官ぃ 2022-10-31 14:58 44阅读 0赞

*  仅前端配置

server { 
            listen       80;
            server_name  www.venny.cn;
            root         /web/html;
            location / { 
    			index index.html Home.html;
    		}
    
        }

*  仅后端配置

server { 
            listen       80;
            server_name  域名;
            root         /web/前端页面路径，仅后端时可以不配置;
            location / { 
    		    proxy_set_header Host $host;
            	proxy_set_header X-Real-IP $remote_addr;
            	proxy_set_header REMOTE-HOST $remote_addr;
            	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    		    proxy_pass http://127.0.0.1:8013;
    	   }
    
        }

*  前后端分离配置

server { 
    	listen       80;
        server_name  域名，例如:baidu.com;
    
     	location / { 
      	proxy_set_header Host $host;
                    root /web/front;
                    index /index.html;
            }
    
        location  /api/ { 
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header REMOTE-HOST $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    			add_header Access-Control-Allow-Methods *;
    			add_header Access-Control-Allow-Origin $http_origin;
                proxy_pass http://127.0.0.1:8010/;
        }
    
        }

*  负载均衡配置
    
    1.  新建文件夹(用来存放nginx自定义配置文件)  
        `mkdir -p /etc/nginx/conf.d`
    2.  在nginx的配置文件(默认`/usr/local/nginx/conf/nginx.conf`)中加入`include /etc/nginx/conf.d/*.conf;`
    3.  在/etc/nginx/conf.d/下新建stream.conf文件，并输入以下内容
    
        upstream upstream-app { 
        	server 127.0.0.1:8081 weight=10;
        	server 127.0.0.1:8082 weight=10;
        }
    
    1.  同样新建 my-upstream.conf文件，配置转发规则（注意和前面前后端分离、或后端配置不一样）
    
        server { 
        	listen       80;
            server_name  域名，例如:baidu.com;
        
         	location / { 
          	proxy_set_header Host $host;
                        root /web/front;
                        index /index.html;
                }
        
            location  /api/ { 
                    proxy_set_header Host $host;
                    proxy_set_header X-Real-IP $remote_addr;
                    proxy_set_header REMOTE-HOST $remote_addr;
                    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        			add_header Access-Control-Allow-Methods *;
        			add_header Access-Control-Allow-Origin $http_origin;
                    proxy_pass http://upstream-app/;
            }
        }
    
     *  数据压缩配置  
        编辑`/usr/local/nginx/conf/nginx.conf`文件
    
        # 打开gzip压缩
        gzip  on;
        # 超过1k进行压缩
        gzip_min_length 1k;
        # 压缩等级1-9的正整数，1最低，压缩时间短，9最高，压缩时间长，吃cpu，但是压缩效果好,根据业务合理配置
        gzip_comp_level 3;
        # 进行压缩的文件类型。
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml application/json text/javascript application/x-httpd-php image/jpeg image/gif image/png;
        # 是否在http header中添加Vary: Accept-Encoding，建议开启
        gzip_vary on;
 *  附上完整的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 { 
        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        on;
        #tcp_nopush on;
    
        #keepalive_timeout 0;
        keepalive_timeout  65;
    
        gzip  on;
    
        gzip_min_length 1k;
    
        gzip_comp_level 3;
    
    
        # 进行压缩的文件类型。
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml application/json text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    
        # 是否在http header中添加Vary: Accept-Encoding，建议开启
        gzip_vary on;
    
        include /etc/nginx/conf.d/*.conf;
    
        server { 
            listen       80;
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log logs/host.access.log main;
    
            location / { 
                root   html;
                index  index.html index.htm;
            }
    
            #error_page 404 /404.html;
    
            # redirect server error pages to the static page /50x.html
            #
            error_page   500 502 503 504  /50x.html;
            location = /50x.html { 
                root   html;
            }
    
            # proxy the PHP scripts to Apache listening on 127.0.0.1:80
            #
            #location ~ \.php$ { 
            # proxy_pass http://127.0.0.1;
            #}
    
            # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
            #
            #location ~ \.php$ { 
            # root html;
            # fastcgi_pass 127.0.0.1:9000;
            # fastcgi_index index.php;
            # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
            # include fastcgi_params;
            #}
    
            # deny access to .htaccess files, if Apache's document root
            # concurs with nginx's one
            #
            #location ~ /\.ht { 
            # deny all;
            #}
        }
    
    
        # another virtual host using mix of IP-, name-, and port-based configuration
        #
        #server { 
        # listen 8000;
        # listen somename:8080;
        # server_name somename alias another.alias;
    
        # location / { 
        # root html;
        # index index.html index.htm;
        # }
        #}
    
    
        # HTTPS server
        #
        #server { 
        # listen 443 ssl;
        # server_name localhost;
    
        # ssl_certificate cert.pem;
        # ssl_certificate_key cert.key;
    
        # ssl_session_cache shared:SSL:1m;
        # ssl_session_timeout 5m;
    
        # ssl_ciphers HIGH:!aNULL:!MD5;
        # ssl_prefer_server_ciphers on;
    
        # location / { 
        # root html;
        # index index.html index.htm;
        # }
        #}
    
    }

*  如果页面请求403，则可以配置nginx.conf,第一行修改如下

user  root;