nginx在linux下无脑配置vue+tomcat的代理

最新推荐文章于 2023-07-25 09:30:00 发布

置顶自律匪

最新推荐文章于 2023-07-25 09:30:00 发布

阅读量500

点赞数 1

文章标签： nginx配置vue nginx配置tomcat Linux下配置nginx nginx nginx下配置vue和tomcat

本文链接：https://blog.csdn.net/qq_43443991/article/details/100934735

版权

开始要做打开nginx的nginx.conf配置文件

1、tomcat配置

server {
    listen       80;
    server_name xxx;
    location / {
					proxy_pass http://127.0.0.1:8080;
                     proxy_set_header Host $http_host;
                     proxy_set_header X-Real-IP $remote_addr;
                    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

说明：xxx表示作用域名，127.0.0.1:8080表示tomcat的ip地址和端口可设为远端ip地址

2、vue项目配置

server {
        listen       80;
        server_name xxx;
        location / {
						root /usr/local/datas/dits;
						index index.html index.htm;
                }
        error_page   500 502 503 504  /50x.html;
    }

说明：xxx表示作用域名，**root /usr/local/datas/dits;**是打包后vue项目解压后的路径，index为默认打开界面，前提 dits下有这个页面

经验总结：配置这个不要想的太复杂，有多少个tomcat、vue就配多少个server，只要域名和端口不重复就行