Nginx配置实现前端Route路由与后端路由的分离

Windows中Nginx的常用命令：

启动：Nginx根目录下cmd控制台

start nginx.exe

停止：Nginx根目录下cmd控制台

nginx -s stop

重启：Nginx根目录下cmd控制台

nginx -s reload

注意：每次修改了Nginx.conf文件之后都必须要重启Nginx服务

下面是前后端路由分离的nginx.conf的配置，文件路径：nginx安装目录/conf/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  ota_server {  #配置一个服务器地址
server    127.0.0.1:8088  weight=5;#服务器配置   weight是权重的意思，权重越大，分配的概率越大。
}

server {
#监听端口
listen       80;
#服务器域名
server_name  localhost;

#charset koi8-r;

#access_log  logs/host.access.log  main;

#前后端路由分离部署Nginx配置#

#这里是将所有的请求全都从定向，关于permanent，last等参数请参考http://blog.csdn.net/zhanlanmg/article/details/49684803
#rewrite后面第一个参数为正则表达式，第二个参数是重写的URL，正则表达式中每一段（用“（）”包起来的）按先后顺序在第二个参数中引用为$1 $2一次类推
#例如 rewrite ^/([a-z]*)/([0-9])/(.*)$ /param-$1/value-$2/$3的规则转发 /age/13/zhangsan 重写后的url为 /param-age/value-13/zhangsan
rewrite ^/(.*)/$ /$1 permanent;

#设置默认页面为index.html
index index.html;

#设置应用的根路径为nginx目录中的html目录下的umsapp-ota
root html/umsapp-ota;

#结合上诉配置，但我们在浏览器中输入localhost的时候，请求的是:nginx根目录/html/umsapp-ota/index.html

#这里根据后端请求的路由规则进行过滤匹配，比如我在项目中将所有ajax请求的地址前面都增加了一个/api，然后这里就可以根据/api进行过滤了
location /api {

#rewrite break - url重写后，直接使用当前资源，不再执行location里余下的语句，完成本次请求，地址栏url不变 请参考http://blog.csdn.net/zhanlanmg/article/details/49684803
#这里前端ota的请求中包含了api，所以将api去掉，用来匹配后台的服务器资源，主要用于将前后端的url分离
#如果是tomcat启动多应用模块，需要增加应用的名称。
#例如tomcat的web根目录webapp中配置了2个应用A_Server，B_Server，如果我们要转发到B_Server，那么我们的配置应该是rewrite ^/api/(.*)$ /B_Server/$1 break;
rewrite ^/api/(.*)$ /$1 break;

#转发的域名地址，ota_server上前面upstream配置的服务器地址
proxy_pass http://ota_server; 
#上述配置生效后，但我们点击OTA-WEB页面中的“APP管理”按钮时，浏览器的地址会变成http://localhost/#/app/list/1
#同时js代码中的ajax请求会以相对路径的形式发送请求/api/api-group/list?start=0&limit=10&page=1来查询数据
#（完整路径是：http://localhost/api/api-group/list?start=0&limit=10&page=1），
#由于配置了上述过滤器这个ajax的请求就会变成 http://ota_server/api-group/list?start=0&limit=10&page=1，但是浏览器的地址保持不变（rewrite break的作用）
#从而实现了前后端路由请求的分离。

proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
######################################################################################################################################################

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

}