nginx反向代理配置详解

Hello攻城狮

已于 2024-04-10 14:45:18 修改

阅读量247

点赞数 3

文章标签： nginx 运维

于 2024-04-10 14:42:41 首次发布

本文链接：https://blog.csdn.net/weixin_42912237/article/details/137596194

版权

本文详细描述了如何配置Nginx服务器，解决刷新后404问题，以及正确设置静态资源路径和使用反向代理连接到Tomcat部署，包括错误页面管理。

摘要由CSDN通过智能技术生成

首先配置端口

 server {
        listen       3080; 
        server_name  172.20.109.27 localhost;
  }

为了解决刷新后显示404的问题，增加配置如下：

  location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri.html $uri/ @mongrel;
        }

 location @mongrel {
				 # ip:你的项目在tomcat部署的IP
    			proxy_pass http://ip:8080;
		}

解决静态资源找不到的问题配置如下：

location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|svg|css|js)$ {
        	#解决反向代理无法访问图片
        	# ip:你的项目在tomcat部署的IP
        	proxy_pass http://ip:8080;
        	proxy_set_header Host $host;
        	proxy_set_header X-Real-IP $remote_addr;
       		proxy_set_header X-Forwarded-For  $proxy_add_x_forwarded_for;                                    
        	expires      30d;
		}

最后完整的配置如下

 server {
        listen       3080; 
        server_name  172.20.109.27 localhost;

        location / {
            root   html;
            index  index.html index.htm;
            try_files $uri $uri.html $uri/ @mongrel;
        }
        location @mongrel {
        	# ip:你的项目在tomcat部署的IP
    			proxy_pass http://ip:8080;
		}
	
		location /portal {
         	proxy_pass http://ip:8080;
    		proxy_set_header Host $http_host;
			proxy_set_header X-Real-IP $remote_addr;
			proxy_set_header X-Fonwarded-For $proxy_add_x_forwarded_for;
   		 }
   	 
		location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|svg|css|js)$ {
        	#解决反向代理无法访问图片
        	# ip:你的项目在tomcat部署的IP
        	proxy_pass http://ip:8080;
        	proxy_set_header Host $host;
        	proxy_set_header X-Real-IP $remote_addr;
       		proxy_set_header X-Forwarded-For  $proxy_add_x_forwarded_for;                                    
        	expires      30d;
		}


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

    }