目录
一、配置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
访问到页面并且功能完好即可。