前提：已有自己的Vue3和Springboot项目，并且可以跑通，不需要多复杂能打包就行。

 一、购买阿里云服务器

可能有免费试用的，反正我这里服务器+域名大概100块/年，大家自己按需挑选购买。

登录阿里云官网：

阿里云权益中心_助力学生、开发者、企业用云快速上云-阿里云https://www.aliyun.com/benefit/select/promo?utm_content=se_1020012699

这里按需购买，买ECS也行，我是挑了一个便宜的，像个人主页这种小网站这个够了。

自选节点之类的，应用镜像宝塔面板或者系统镜像都可以，我这里选的宝塔。

进入控制台，点击进入实例，按操作引导配置，可以先配置防火墙，防火墙就相当于ECS的安全组，是用来开放端口的，一键开放就好了。

按应用详情里的步骤一步步来就可以登录宝塔界面了。

二、打包项目

在上一步的实例的基本信息中可以获取公网ip，也可以后续配了域名之后用域名，记得打包前把所有接口相关的改好，包括端口。

Vue3项目目录下输入npm run build打包，会出现一个dist文件夹，这个是前端部署需要的。

Springboot项目在maven里双击package打包，target目录下会出现一个jar文件，这个是后端部署需要的。

前端不复杂，后端几个可能需要注意的：

1. application.properties内数据库配置记得改，否则后续可能启动不了，提前改好

2. pom文件里要有build标签，应该是不会缺，如果图示位置有个skip的话可能会在启动时报找不到启动类的错，这里我直接删掉了，plugin就是build标签内的。

打包完长这样，后续我两个都扔上去了，只有一个应该也没事（？）

三、部署前端

进入宝塔界面后，安装推荐的配置，LNMP还是啥来着，按这篇文章的部署：

vue3项目上传到宝塔面板，图文保姆级教程！_宝塔部署vue3项目-CSDN博客https://blog.csdn.net/orbit4/article/details/142213726至此前端部署完成，接下来部署后端：

四、配置服务器

我这里直接用了宝塔的Mysql数据库，在页面中就可以操作，端口就是防火墙里默认设置的3306，还挺方便的，如果自己有集群或者数据库的话自己配置一下。

宝塔的软件商店中安装MySQL

添加数据库，配置用户名密码，注意这里要和你application.properties内数据库配置一致，权限暂时改为所有人就可以。其他不用管。

五、后端部署 

按照第三步中相同的方法将前面打包的jar文件传到/www/wwwroot/文件下，新建一个文件夹放，比如：

打开终端，cd到这个目录下，执行

nohup java -jar xxx.jar > ./xxx.log 2>&1  &

其中xxx.jar改成你自己的jar文件名，xxx.log改为你想要的日志文件名，结果如上图，可以在生成的log文件中看报错信息，执行完后输入jps可以看情况，如果出现exit字样说明报错了，去log文件看问题再解决，直到没有exit出现就是跑起来了。大概率会是数据库配置问题

至此后端部署完成。

六、购买域名

在腾讯云或者阿里云或者其他第三方购买域名，自己搜索想要的名字和后缀，价格不一样按需购买，然后配置到实例中。需要在购买域名的地方做好DNS解析，有免费的，我这里在腾讯云买的，解析为www和@，就是直接xxx.com。

解析后在阿里云云解析平台找到自己的域名，点进去可以进行生效检测：

最后一步是进行备案，需要进行ICP备案，才能实现输入域名访问你的网站，在实例里的域名里可以点进去备案，具体就是上传各种身份信息网站信息认证之类的，然后阿里云会帮你提审，等待周期估计7个工作日左右。