一、服务器相关设置
本服务器运行着halo博客系统,使用Caddy进行反向代理。(Caddy和nginx类似)为了避免在使用Nginx部署vue的时候与Caddy冲突,需要先关闭Caddy。
halo博客关于caddy的介绍
# 开启自启 Caddy 服务
systemctl enable caddy
# 启动 Caddy
service caddy start
# 停止运行 Caddy
service caddy stop
# 重启 Caddy
service caddy restart
# 查看 Caddy 运行状态
service caddy status
一般先运行 service caddy stop
停止运行caddy。
二、前端Vue项目的部署
采用Nginx部署前后端分离项目中的前端Vue项目。
- 运行
npm run build
生成dist文件夹。 - 运行Xftp,将dist文件夹复制到服务器的规定文件夹下(该文件夹是通过Nginx的配置文件进行设置)
- 开启宝塔面板,对Nginx进行配置
- 重启Nginx服务
注意:
① 80端口是http的默认web端口
② 443端口是https的默认web端口
对于本服务器,由于域名配置的是http,故tanzhiyong97.cn
对应的默认端口是80。
在配置Nginx的config文件时,如果我们把端口号设置成80,就可以直接访问域名,而不用加端口号。
三、后端springboot项目的部署
- 在springboot项目右侧边栏打开maven,将项目打成jar包。
注意的几点
注意的几点:
- 数据库在服务器端有没有创建
- application.yaml文件配置数据库的url,username,password设置是否正确
- 如果配置了redis,相关redis的配置是否正确
- 注意端口设置不要产生冲突
- 打开Xftp,将生成的jar包复制到指定文件夹(主要是好找,没其他作用)
- 在Xshell中执行使用
java -jar jar包名称
命令,启动springboot程序。 - 如果springboot程序配置了redis,还需要在服务器端开启redis
① 到达/usr/local/bin
目录,运行redis-server tanconfig/redis.config
启动redis服务
② 执行redis-cli
打开redis客户端,使用ping
命令测试redis是否启动成功
redis参考
四、测试程序
在游览器中打开相应网址测试程序。