一、前言

作为一个开发人员,拥有自己的一台服务器一点也不过分哈,小编勒紧裤腰带集资买了一年阿里云服务器,新人打折还是比较优惠的,99一年!!于是想把自己以前写的项目发布到服务器,让更多的人看到,主要想试一试能不能发布成功。话不多说,跟着小编一起来搭建吧。

二、搭建前准备

  • 一台服务器(小编以阿里云为准,备案没有通过,可以使用公网ip进行访问)
  • 一个域名
  • 宝塔可视化界面
  • springboot的jar包
  • vue的dist包

三、部署jar包

1. 打开宝塔可视化界面新建文件夹first
在这里插入图片描述
2. 把jar包和前端dist放进目录下
在这里插入图片描述

3. 安装java项目一键部署

在这里插入图片描述

4. 打开java项目一键部署

在这里插入图片描述
5. 新建项目加入jar包

在这里插入图片描述

6. 后端部署成功
在这里插入图片描述

三、部署vue

1. 添加站点

在这里插入图片描述
2. 重新设置域名
在这里插入图片描述
3. 设置正确域名并删除原来的
在这里插入图片描述
4. 把前端dist放到指定的文件下
在这里插入图片描述
在这里插入图片描述
5. 把dist文件下的所有文件放到目录下并删除dist文件
在这里插入图片描述
6. 访问成功(域名或者ip:端口号进行访问)

在这里插入图片描述

四、刷新页面出现404

已解决阿里云服务器上使用nginx部署vue项目,第一次正常访问,点击刷新的时候报404【图文】

五、总结

这样就搭建成功,部署到阿里云服务器了,各个服务器都大同小异,都是利用宝塔进行搭建。非常简洁,可视化走到底,一步到胃。有什么问题留言哦,对你有帮助点个关注呀!!!

Q.E.D.