使用宝塔把springboot+vue项目部署到阿里云服务器上【傻瓜式部署,无坑系列】

您所在的位置:网站首页 linux搭建vue项目 使用宝塔把springboot+vue项目部署到阿里云服务器上【傻瓜式部署,无坑系列】

使用宝塔把springboot+vue项目部署到阿里云服务器上【傻瓜式部署,无坑系列】

2023-12-20 10:10| 来源: 网络整理| 查看: 265

一、前言

作为一个开发人员,拥有自己的一台服务器一点也不过分哈,小编勒紧裤腰带集资买了一年阿里云服务器,新人打折还是比较优惠的,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【图文】

五、总结

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3