第一篇中有整个系列所有文章的链接,地址如下:
https://blog.csdn.net/Crisf/article/details/115345904?spm=1001.2014.3001.5501
本次测试用的为前后端分离项目,后端用的springboot框架,前段使用的vue
1、目录结构(仅供参考)
2、开放端口
测试项目中对外暴露的端口为9208,下面列出操作端口相关命令
#查看想开的端口是否已开:
firewall-cmd --query-port=9208/tcp
#添加指定需要开放的端口:
firewall-cmd --add-port=9208/tcp --permanent
#重载入添加的端口:
firewall-cmd --reload
#移除指定端口(这里只是记录一下命令,开放成功的端口不需要执行移除操作):
firewall-cmd --permanent --remove-port=9208/tcp
开放成功后再次查询验证是否开放成功,开发过程如下图:
3、数据库准备
4、配置nginx代理
编辑nginx配置文件nginx.conf
vi /usr/local/nginx/conf/nginx.conf
在server上面新增一个server,如下图:
server {
listen 9208;
server_name localhost;
client_max_body_size 300M;
location / {
root /usr/wwwroot/project/web/dist/;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
location /prod-api/{
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://localhost:20001/;
}
location /profile/upload {
alias /usr/wwwroot/yjglxt/uploadPath/upload/;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
重启niginx
#进入sbin目录
cd /usr/local/nginx/sbin
#重启nginx
./nginx -s reload
5、上传前端页面文件
将前端项目打包并压缩为zip文件上传,然后解压缩
#进入规划好的目录
cd /usr/wwwroot/project/web
#使用rz命令上传打包好的文件dist.zip
rz
#在当前目录解压缩
unzip -o dist.zip
6、上传jar并启动
#进入规划目录
cd /usr/wwwroot/project/
#上传jar
rz
#启动jar并指定控制台日志输出文件
nohup java -jar project.jar >/usr/wwwroot/project/logs/consolelog.txt &
可以查看指定的控制台日志文件查看启动情况
vi logs/consolelog.txt
7、访问测试
这里我们看到,已经访问成功,也获取到了后台服务中的验证码(192.168.254.128为虚拟机设置的ip)