springboot+vue3项目部署到docker

type

status

date

slug

summary

📝 项目准备&部署项目

Step 1– 【准备项目】

这里以我学的一个项目做演示

资源链接：

解压big-enent压缩包

idea导入springboot项目,修改配资文件信息（如有需要）

切换到跳过测试模式,打包成jar包

Step 2– 【vps准备】

准备一台至少2核4G的vps

本地测试用虚拟机代替

这里我用的ubuntu系统

Step 3– 【安装mysql】

方法一:docker安装

方法二:vps本机安装

本机安装玩mysql还没完,还需要一些配置

编辑vps中 /etc/mysql/mysql.conf.d目录下的mysqld.cnf文件

找到bind-address = 127.0.0.1这一行,把它注释掉

重启mysql

Step 4– 【mysql导入数据】

远程连接mysql数据库,这里以Navicat16做演示

主机输入服务器ip,端口默认

输入用户名和密码

连接成功后新建查询,打开资源里的sql文件运行

运行完后,刷新数据库会多出一个big-event数据库

Step 5– 【上传服务器,构建镜像】

在本地springboot项目的target目录下找到刚刚打包好的jar包

把它和资源里的Dockerfile文件一起上传到服务器,这里我传到root目录下

为了方便操作,我将原本的jar包改名为big-event.jar

Step 6– 【部署springboot】

Step 7– 【前端vue部署】

这里我用nginx来部署前端页面

1.解压资源里的big-event压缩包,找到里面的的dist文件夹

2.在root目录下新建一个nginx文件夹,上传资源里的nginx.conf文件

3.在root/nginx目录下新建一个html文件夹,把本地的dist文件夹上传上去

4.部署前端

Step 8– 【访问页面】

打开浏览器,输入服务器ip,默认访问80端口,全面步骤有修改端口的话记得加上端口号

输入用户名、密码登录

至此,项目部署完毕

📎 参考文章

https://b11et3un53m.feishu.cn/wiki/MWQIw4Zvhil0I5ktPHwcoqZdnec

💡

有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~