nginx代理静态文件和开启zip压缩和后台接口代理配置

最新推荐文章于 2024-06-03 14:30:25 发布

开心编码

最新推荐文章于 2024-06-03 14:30:25 发布

阅读量1.4k

点赞数

分类专栏：开发文章标签： nginx vue.js 前端

本文链接：https://blog.csdn.net/zhizhi120/article/details/128331166

版权

开发专栏收录该内容

10 篇文章 1 订阅

订阅专栏

1、开启gzip压缩

为了解决VUE首屏页加载时间过长，可以开启gzip压缩

    gzip on;#开启压缩
	gzip_static on;
  	gzip_disable "msie6";
	gzip_min_length 500k; 
	# gzip_buffers 4 16k; 
	gzip_comp_level 3;#压缩等级1-9，级别越高压缩率越大，当然压缩时间也就越长（传输快但比较消耗cpu）
    gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; 
    gzip_vary on;

2、开启SSL访问

为了用https访问应用，我们一般需要开启SSL

        listen 80 ssl;#监听端口
        server_name  school.****.cn;#你的域名
		root html;
		index index.html index.htm;
		ssl_certificate cert/8545790_school..****..cn.pem;  
		ssl_certificate_key cert/8545790_school..****..cn.key; 
		ssl_session_timeout 5m;
		ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
		#表示使用的加密套件的类型。
		ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3; #表示使用的TLS协议的类型，您需要自行评估是否配置TLSv1.1协议。
		ssl_prefer_server_ciphers on;

3、开启静态资源代理

		#静态文件加载
		location ~ .*\.(txt)$ {
			root /opt/static;
		}

4、开启页面和后台接口代理

 		location / {
            root  /usr/local/beitai1850/dist;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		#后台接口代理
		location /websocket/ {
			proxy_pass http://192.168.0.11:8080/websocket/;
			proxy_connect_timeout 4s;               
			proxy_read_timeout 60s;                  
			proxy_send_timeout 12s;                  
			proxy_http_version 1.1;
			proxy_set_header Upgrade $http_upgrade;
			proxy_set_header Connection "upgrade";
		}
		location /prod-api/{
			proxy_set_header Host $http_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://192.168.0.11:8080/;
		}

5、开启多端口监测

只需要在http下新增server即可。

6、完整的nginx配置


#user  nginx;
worker_processes  auto;

#error_log  /var/log/nginx/error.log notice;
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;#开启压缩
	gzip_static on;
  	gzip_disable "msie6";
	gzip_min_length 500k; 
	# gzip_buffers 4 16k; 
	gzip_comp_level 3;#压缩等级1-9，级别越高压缩率越大，当然压缩时间也就越长（传输快但比较消耗cpu）
    gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; 
    gzip_vary on;
    #include /etc/nginx/conf.d/*.conf;
	server {
		//开启SSL访问
		listen 80 ssl;
        server_name  school.****.cn;#你的域名
		root html;
		index index.html index.htm;
		ssl_certificate cert/8545790_school..****..cn.pem;  
		ssl_certificate_key cert/8545790_school..****..cn.key; 
		ssl_session_timeout 5m;
		ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
		#表示使用的加密套件的类型。
		ssl_protocols TLSv1.1 TLSv1.2 TLSv1.3; #表示使用的TLS协议的类型，您需要自行评估是否配置TLSv1.1协议。
		ssl_prefer_server_ciphers on;
       #charset koi8-r;
        #access_log  logs/host.access.log  main;
		#静态文件加载
		location ~ .*\.(txt)$ {
			root /opt/static;
		}
        location / {
            root  /usr/local/beitai1850/dist;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		#后台接口代理
		location /websocket/ {
			proxy_pass http://192.168.0.11:8080/websocket/;
			proxy_connect_timeout 4s;               
			proxy_read_timeout 60s;                  
			proxy_send_timeout 12s;                  
			proxy_http_version 1.1;
			proxy_set_header Upgrade $http_upgrade;
			proxy_set_header Connection "upgrade";
		}
		location /prod-api/{
				proxy_set_header Host $http_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://192.168.0.11:8080/;
		}
        #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://116.62.59.131;
        #}
        # pass the PHP scripts to FastCGI server listening on 116.62.59.131:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   116.62.59.131: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;
        #}
    }
	server {#监听其他端口
		listen       443;
        server_name  localhost;
        #charset koi8-r;
        #access_log  logs/host.access.log  main;

         location / {
            root  /usr/local/beitai1850/dist;
			try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
		location /websocket/ {
			proxy_pass http://192.168.0.11:8080/websocket/;
			proxy_connect_timeout 4s;               
			proxy_read_timeout 60s;                  
			proxy_send_timeout 12s;                  
			proxy_http_version 1.1;
			proxy_set_header Upgrade $http_upgrade;
			proxy_set_header Connection "upgrade";
		}
		location /prod-api/{
				proxy_set_header Host $http_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://192.168.0.11:8080/;
		}

        #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://116.62.59.131;
        #}

        # pass the PHP scripts to FastCGI server listening on 116.62.59.131:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   116.62.59.131: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;
        #}
    }
}