SpringBoot+VUE部署至服务器

目录

一、配置Tomcat

二、项目打包部署

---

一、配置Tomcat

        配置好两个Tomcat，确保Tomcat能正常运行

 然后修改两个Tomcat的端口号，两处都要修改，否则会打不开另一个

修改Tomcat的conf文件夹的server.xml文件

 然后将服务器对应的端口打开，避免防火墙阻截

进行本地调试

 后台8080如果报错，可以使用

tail -f catalina.out

去查看报错日志

最后能够进入Tomcat的欢迎界面就可以了

二、项目打包部署

        vue打包命令

npm run build

        然后包在

 将包放入Tomcat的webapps文件夹的ROOT目录下，将其他的都删除

后端打成war包后将war改名成ROOT.war，这样更好加载，而且conf/service.xml也不需要配置了。

三、Nginx配置反向代理

        前台放入nginx里

        首先安装Nginx

yum install nginx

然后将vue打成的包放入usr/share/nginx文件夹里，可以在里面自己建一个文件夹

然后去修改nginx配置文件（vim /etc/nginx/nginx.conf）

    server {
        listen       80;
        listen       [::]:80;
        server_name  xxx.xxx.xxcn;   //前台域名
        root         /usr/share/nginx/xxx;		//前台位置

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

        error_page 404 /404.html;
        location = /404.html {
        }

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

server{
   listen 80;
   server_name xxx.xxx.xxx;  //后台域名
   location / {
   proxy_set_header X-Real-IP $remote_addr;
   proxy_set_header Host      $http_host;
   proxy_pass       http://xx.xxx.xx:8080;  //映射到相应的端口号
 }
}

最后启动nginx

systemctl start nginx

访问到页面并且功能完好即可。