Nginx动静分离配置

客户端发来访问请求，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;
        }

    }

}