Nginx动静分离配置

原创已于 2022-05-13 23:48:33 修改 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#nginx #tomcat #服务器

于 2022-05-13 23:47:20 首次发布

Nginx学习与使用专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何配置Nginx作为代理服务器，将静态资源如图片、CSS和JS文件缓存并直接从Nginx服务器返回，减少对Tomcat的压力。配置示例包括了直接指定静态文件夹和使用正则表达式的两种方法，以提高网站性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

客户端发来访问请求，Nginx可以把静态的资源，比如图片，css，js等先加载到Nginx的服务器里，不需要通过tomcat返回静态资源。

Nginx代理服务器的IP地址为192.168.73.200

访问Nginx代理服务器，会别代理到192.168.73.203的8080端口，需要在代理服务器的Nginx的配置文件/nginx/conf目录下的nginx.conf文件进行修改。

原始的nginx配置为



worker_processes  1;

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;
            index  index.html index.htm;
        }

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

需要修改为如下



worker_processes  1;

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 / {
	    proxy_pass http://192.168.73.203:8080;
       
        }

        location /css {
	    root html;
	    index index.html index.htm;
        }

        location /images {
	    root html;
	    index index.html index.htm;
        }

        location /js {
	    root html;
	    index index.html index.htm;
        }

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

    }

}

同时也要把images文件夹，js文件夹，css文件夹放到nginx文件夹下的html目录里

或者使用正则表达式的方法，配置如下：



worker_processes  1;

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 / {
	    proxy_pass http://192.168.73.203:8080;
       
        }

        location ~*/(js|css|images) {
	    root html;
	    index index.html index.htm;
        }

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

    }

}