基于ngnix+tomcat实现的动静分离(Windows)

安装ngnix

下载安装包，并解压

ngnix下载地址



下载完成后，直接解压即可。

启动ngnix



启动会闪一下，这是正常情况，无须重新执行。也可以通过任务管理器查看是否有nginx进程判断是否已经启动

在浏览器输入 http://localhost 进行验证

如果出现如下页面即为正常



停止nginx服务

安装tomcat

tomcat下载地址

安装方式，请参考：Tomcat8安装与配置

配置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;

upstream t1.test.com {server localhost:8080;}

server {
listen       80;
server_name  t1.test.com;

#charset koi8-r;

#access_log  logs/host.access.log  main;

location ~ .*\.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|woff|woff2|ttf|svg)$ {
root D:\web\admin;
expires 3d;
}

location / {
proxy_connect_timeout   3;
proxy_send_timeout      30;
proxy_read_timeout      30;
proxy_pass http://t1.test.com; }

#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;
#    }
#}

}

启动并进行验证

如果访问 http://localhost 进入tomcat的欢迎页面，并且页面的展示样式丢失。

类似：



表示tomcat的代理配置成功，动静分离配置成功。

nginx.conf 配置部分解释

upstream: 设置server 代理信息，并可以设置server的负载均衡的权重

upstream t1.test.com {server localhost:8080;}

server：允许的访问服务信息

listen： 访问端口

server_name 设置服务名。这里通过引用server代理地址。

server {
listen       80;
server_name  t1.test.com;

代理配置信息：

location / {
proxy_connect_timeout   3;
proxy_send_timeout      30;
proxy_read_timeout      30;
proxy_pass http://t1.test.com; }

静态资源的处理方式： 所有以.html等结尾的访问请求，全都指向 root 配置的目录地址。

location ~ .*\.(html|htm|gif|jpg|jpeg|bmp|png|ico|txt|js|css|woff|woff2|ttf|svg)$ {
root D:\web\admin;
expires 3d;
}