大家好,网上关于使用nginx的反向代理和静态资源服务配置有很多资料,本篇主要分享在开发环境中,我如何利用nginx来实现对开发项目的反向代理和静态资源的托管;
反向代理(Reverse Proxy)方式是指以代理服务器来接受internet上的连接请求,然后将请求转发给内部网络上的服务器,并将从服务器上得到的结果返回给internet上请求连接的客户端,此时代理服务器对外就表现为一个反向代理服务器。
如果想了解更多资料,可百度一下;
如上图,是我搭建的测试项目,那么如何使用nginx实现反向代理和静态资源托管?接下来我们解决这个问题。
nginx的一个常用用途是将其设置为代理服务器,这意味着服务器接收请求,将它们传递给代理服务器,代理服务器去对应的服务器中检索响应并将它们发送给客户端。
我们将配置一个基本的代理服务器,该服务器代理域名www.milogenius.com
的请求,并将所有其他请求发送给代理服务器。
首先,通过向nginx的配置文件添加一个server 块并使用以下内容定义代理服务器:
server {
#侦听端口
listen 80;
server_name www.milogenius.com; #访问域名
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
#侦听访问路径
location /miloweb{
proxy_pass http://127.0.0.1:8888/miloweb;
proxy_connect_timeout 600;
proxy_read_timeout 600;
}
}
接着,我们需要配置本地hosts,将针对www.milogenius.com
的域名的请求指向本地;
最后,我们需要重启nginx,重新加载配置文件:
命令:
nginx -s reload
有过项目经验的同学都知道,我们现网环境,静态资源一般要和项目做分离,然后利用负载均衡加载静态资源。接下来,我们在本地演示静态资源代理的原理;
首先,我们需要在nginx配置的文件中增加如下配置
#麦洛
location /static{
#设置请求日志
access_log logs/miloweb_access.log main;
root E:/WorkSpace/Milogenius/milogenius-springboot/milogenius-web/src/main/resources;
}
我们需要重启nginx,重新加载配置文件:
接下来我们来看看本地磁盘路径:
个人理解:
本人理解,可能有错,当一个静态资源请求到达nginx,因为请求路径中包含/static
;这时候会命中location /static
,然后拦截请求,转向访问本地磁盘;
举个例子,假如我们的访问地址是http://www.milogenius.com/static/img/profile.jpg
经过location之后,会将/static/img/profile.jpg
截取,拼接到我们的配置的E:/WorkSpace/Milogenius/milogenius-springboot/milogenius-web/src/main/resources
本地磁盘路径之后:
最终,我们的访问路径就变为E:/WorkSpace/Milogenius/milogenius-springboot/milogenius-web/src/main/resources/static/img/profile.jpg
从而,实现了静态资源代理;
现在我们启动项目,访问相关页面:
从图中效果来看,我们达到了我们的目的,分别对项目访问和静态资源都做了代理。
1.正常配置了路径,可是发现还是报404错误,无法正常加载?
答:正常情况下,肯定是你的路径不对,这时候需要去日志文件去查看真正的路径,然后对照修改:
全部的配置文件:
#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;
#server {
#listen 80;
#server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
#location / {
# root html;
# index index.html index.htm;
#}
#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;
# }
#}
server {
listen 80;
server_name wap.gs.10086.cn;
server_name gsydweixin.com;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
location /miloweb{
proxy_pass http://127.0.0.1:8888/miloweb;
proxy_connect_timeout 600;
proxy_read_timeout 600;
}
#麦洛
location /static{
root E:/WorkSpace/Milogenius/milogenius-springboot/milogenius-web/src/main/resources;
}
}
}