当前位置： 首页 > news >正文

阿里云服务器部署SpringBoot+Vue项目(宝塔面板傻瓜式操作)

news 2026/2/9 1:59:36

准备工作

  1. 一台服务器(我用的是阿里云)
  2. SpringBoot项目的jar包
  3. Vue项目的dist包

一、购买服务器

在这里插入图片描述

然后重置实例密码。

  • 远程连接

在这里插入图片描述

登陆成功后安装宝塔面板

二、安装宝塔面板(无账号的注册一个账号)

地址：https://www.bt.cn/new/download.html

在这里插入图片描述
选择对应的镜像、不知道自己镜像的就复制万能安装脚本

if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

远程连接成功之后复制进去，安装宝塔面板
![在这里插入图片描述](https://img-blog.csdnimg.cn/65ae6e54b64d4233ab393043b16c68a6.png在这里插入图片描述

安装完成后，会给你宝塔面板的地址以及宝塔面板的账号和密码。
复制地址去宝塔面板登录。

注意：这里可能会出现宝塔面板无法访问的情况

解决办法：

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
配置后就可以进入宝塔面板

在这里插入图片描述
输入安装完成后给你的账号和密码登录

三、登陆成功后

在这里插入图片描述
安装你所需要的软件
在这里插入图片描述
安装完成后

  1. 创建数据库
    修改root密码
    在这里插入图片描述
    然后添加数据库
    在这里插入图片描述
    密码自己填，如果提交后显示密码错误，就填你root密码。
    在这里插入图片描述
    创建成功之后点击导入，然后从本地上传
    在这里插入图片描述
    将你本地数据库的sql文件导入。
    导入完成后可以点击工具查看是否导入成功
    在这里插入图片描述
  2. 部署jar包。
    打开宝塔面板点击文件，在www/wwwroot目录下新建一个文件夹用来存放jar包
    在这里插入图片描述
    把后端jar包和前端dist文件都上传到新建的文件夹中

去软件商店找的自己安装的java项目一键部署，点击设置在这里插入图片描述
点击SpringBoot
在这里插入图片描述
点击添加项目
![在这里插入图片描述](https://img-blog.csdnimg.cn/ca74ef21610c4ca5a90d9d4d6743bff5.png

在这里插入图片描述
在这里插入图片描述
部署成功后：

在这里插入图片描述
这样就算是把后端部署完成了。

  1. 部署前端
    首先添加站点
    在这里插入图片描述
    在这里插入图片描述

提交后设置
在这里插入图片描述

在这里插入图片描述

将前端的dist放到指定的文件下

在这里插入图片描述
在这里插入图片描述
然后将dist里面的所有文件放到此目录下，并删除dist文件夹
在这里插入图片描述
域名+端口号（ip+端口号访问项目）
在这里插入图片描述

需要注意的几个点：

  1. 修改你的后端配置，尤其是配置文件中的端口号以及数据库地址、账号、密码要保持一致性。
  2. 修改你前端的配置。
    将你前端中设置的请求地址：http://127.0.0.1:8004/改成你的云服务器ip+端口
  3. 若前端端口被占用，可修改前端的端口。
    在这里插入图片描述

相关文章：

阿里云服务器部署SpringBoot+Vue项目(宝塔面板傻瓜式操作)

准备工作 一台服务器(我用的是阿里云)SpringBoot项目的jar包Vue项目的dist包 一、购买服务器 然后重置实例密码。 远程连接 登陆成功后安装宝塔面板 二、安装宝塔面板(无账号的注册一个账号) 地址：https://www.bt.cn/new/download.html 选择对应的镜像、不知道…...

编程日记 2023/2/26 1:09:43

27. 移除元素 26. 删除有序数组中的重复项 88. 合并两个有序数组（双指针遍历）

目录[27. 移除元素-力扣](https://leetcode.cn/problems/remove-element/description/?languageTagsc)[26. 删除有序数组中的重复项](https://leetcode.cn/problems/remove-duplicates-from-sorted-array/)[88. 合并两个有序数组](https://leetcode.cn/problems/merge-sorted-…...

编程日记 2023/2/26 1:08:33

什么时候用std::move()？

文章目录1. "是什么?"2. "有何用?"3. "什么时候用?"1. “是什么?” 虽然 std::move() 从技术角度上是一个函数 ，但我认为它不是真正的函数。 它是编译器考虑表达式值的方式之间的转换器。 2. “有何用?” 首先要注意的是 std…...

编程日记 2023/2/26 1:07:23

建立做机器学习项目的范式

建立起做机器学习项目的范式，萃取出核心步骤，避免后面做项目没有明确的方向。 核心步骤： 1、明确自己想做什么样的项目，感兴趣的领域； 2、找到满足项目的数据集，开源的或者自建数据集； 数据…...

编程日记 2023/2/26 1:05:00

搭建k8s高可用集群—20230225

文章目录多master（高可用）介绍高可用集群使用技术介绍搭建高可用k8s集群步骤1. 准备环境-系统初始化2. 在所有master节点上部署keepalived3.1 安装相关包3.2 配置master节点3.3 部署haproxy错误解决3. 所有节点安装Docker/kubeadm/kubelet4. 部署Kuberne…...

编程日记 2023/2/26 1:03:43

Java 修饰符和多态

文章目录一、修饰符1. 权限修饰符2. 状态修饰符2.1 final2.2 static二、多态1. 成员访问特点2. 多态中的转型3. 多态案例一、修饰符 1. 权限修饰符 2. 状态修饰符 2.1 final final 关键字是最终的意思，可以修饰成员方法、成员变量及类。 //1.修饰成员变量 publi…...

编程日记 2023/2/26 1:02:31

学了一年Java的我，想转嵌入式了

秋名山码民的主页 🎉欢迎关注🔎点赞👍收藏⭐️留言📝 🙏作者水平有限，如发现错误，还请私信或者评论区留言！ 目录前言为啥我想去转行？如果我现在选择转硬件，我…...

编程日记 2023/2/26 1:01:21

【Git】Git冲突与解决方法

目录 一、Git冲突如何产生？ 二、解决Git冲突—手动修改冲突 【第一步】在 hot-fix 分支上增加如下代码，并且提交。 【第二步】在master 分支上同样的地方增加如下代码，并且提交。 【第三步】 我们现在在 master 分支上合并 hot-fix 分支&a…...

编程日记 2023/2/26 0:58:52

深度剖析数据在内存的存储

目录1.深度剖析数据在内存的存储(前言)数据类型介绍类型的基本归类整形在内存中的存储原码、反码、补码大小端练习总结1.深度剖析数据在内存的存储(前言) 今天就让我戴佳伟给大家讲一下数据在内存中的存储。之中有好多让我们深思的点，大家都拿起笔记本，…...

编程日记 2023/2/26 0:57:40

身高排序(绝对值大的排后面，小的排前面)

题目描述 小明今年升学到了小学一年级&#xff0c;来到新班级后&#xff0c;发现其他小朋友身高参差不齐&#xff0c;然后就想基于各小朋友和自己的身高差&#xff0c;对他们进行排序&#xff0c;请帮他实现排序 输入描述 第一行为正整数H和N 0 < H < 200 为小明的身高…...

编程日记 2023/2/26 0:56:22

高频前端面试题之HTML篇（三）

11. label的作用是什么&#xff1f;是怎么用的&#xff1f; label元素不会向用户呈现任何特殊效果&#xff0c;但是&#xff0c;它为鼠标用户改进了可用性&#xff0c;当我们在label元素内点击文本时就会触发此控件。也就是说&#xff0c;当用户选择该标签时&#xff0c;浏览器…...

编程日记 2023/2/26 0:55:09

使用DG备份恢复测试库的流程以及可能出现的问题

使用DG备份恢复测试库的流程以及可能出现的问题 评估数据量和服务器存储空间从DG备库备份全库和归档日志清理测试库环境测试库恢复备份（一）从DG主库备份控制文件测试库恢复备份（二）从DG备库备份最新的归档日志测试库恢复备份（三）需要单独备份数据文件的情况思路：从DG备库…...

编程日记 2023/2/26 0:53:54

Springboot注释解析

SpringBootApplication 标注主程序类 说明一个spring boot应用 SpringBootConfiguration 标注为spring boot配置类 EnableAutoConfiguration 开启自动配置功能 AutoConfigurationPackage 自动配置包 Import({Registrar.class}) 导入一个容器到组件 Registrar.class&#xf…...

编程日记 2023/2/26 0:51:29

C语言之通讯录（动态 存储文件版）

目录 前言 一.基本思路 二.代码的实现 2.1通讯录菜单 2.2通讯录的定义及功能 2.3函数实现 2.3.1初始化通讯录 2.3.2文件信息传递到通讯录里 2.3.3扩容通讯录 2.3.4增加联系人 2.3.5删除联系人 2.3.6查询联系人 2.3.7修改联系人 2.3.8打印通讯录 2.3.9信息保留在文…...

编程日记 2023/2/26 0:50:13

Linux 工具

文章目录一、软件包管理&#xff1a;yum1. 软件的生态环境2. yum 的使用3. yum 源及分类4. 在 centos 7.6 下更新 yum 源到国内镜像5. yum 命令二、编辑器&#xff1a;vim1. 命令模式2. 底行模式3. 插入模式4. 替换模式和视图模式5. vim 配置三、编译器&#xff1a;gcc/g1. C语…...

编程日记 2023/2/26 0:49:01

Java知识复习（七）常见的设计模式（装饰、代理、观察、策略、建造）

前言 参考书籍&#xff1a;《秒懂设计模式》 1、装饰器模式&#xff08;Decorator&#xff09; 1、装饰器模式&#xff1a;对原始对象动态地进行“包装”&#xff0c;是对类实例“装饰”的结果&#xff1b;类似于继承的效果&#xff0c;但这个过程是动态的&#xff0c;是可设…...

编程日记 2023/2/26 0:47:51

Linux系统看门狗应用编程

目录看门狗应用编程介绍打开设备获取设备支持哪些功能&#xff1a;WDIOC_GETSUPPORT获取/设置超时时间&#xff1a;WDIOC_GETTIMEOUT、WDIOC_SETTIMEOUT开启/关闭看门狗&#xff1a;WDIOC_SETOPTIONS喂狗&#xff1a;WDIOC_KEEPALIVE看门狗应用编程实战在产品化的嵌入式系统中&…...

编程日记 2023/2/26 0:46:37

Spring MVC 源码- LocaleResolver 组件

LocaleResolver 组件LocaleResolver 组件&#xff0c;本地化&#xff08;国际化&#xff09;解析器&#xff0c;提供国际化支持回顾先来回顾一下在 DispatcherServlet 中处理请求的过程中哪里使用到 LocaleResolver 组件&#xff0c;可以回到《一个请求的旅行过程》中的 Dispat…...

编程日记 2023/2/26 0:45:25

Servlet

Servlet1 简介2 快速入门3 执行流程4 生命周期5 方法介绍6 体系结构7 urlPattern配置8 XML配置1 简介 Servlet是JavaWeb最为核心的内容&#xff0c;它是Java提供的一门动态web资源开发技术。 使用Servlet就可以实现&#xff0c;根据不同的登录用户在页面上动态显示不同内容。 …...

编程日记 2023/2/26 0:42:52

简单的周总结

做一个简单的周总结。 校 OJ 上打了近 7 场比赛&#xff0c;ZR 及其他平台各一两场左右。 头几场打的中规中矩&#xff0c;分数大致在 100-200 左右&#xff0c;与同学分数差别不太大&#xff0c;但也没有很突出。 后面几场比较爆炸&#xff0c;分数一直在 100 以下&#xff0…...

编程日记 2023/2/26 0:41:29

C++_核心编程_多态案例二-制作饮品

#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为&#xff1a;煮水 - 冲泡 - 倒入杯中 - 加入辅料 利用多态技术实现本案例&#xff0c;提供抽象制作饮品基类&#xff0c;提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...

编程新知 2026/2/8 20:42:55

51c自动驾驶~合集58

我自己的原文哦~ https://blog.51cto.com/whaosoft/13967107 #CCA-Attention 全局池化局部保留&#xff0c;CCA-Attention为LLM长文本建模带来突破性进展 琶洲实验室、华南理工大学联合推出关键上下文感知注意力机制&#xff08;CCA-Attention&#xff09;&#xff0c;…...

编程新知 2026/2/5 4:25:15

可靠性+灵活性：电力载波技术在楼宇自控中的核心价值

可靠性灵活性&#xff1a;电力载波技术在楼宇自控中的核心价值 在智能楼宇的自动化控制中&#xff0c;电力载波技术&#xff08;PLC&#xff09;凭借其独特的优势&#xff0c;正成为构建高效、稳定、灵活系统的核心解决方案。它利用现有电力线路传输数据&#xff0c;无需额外布…...

编程新知 2025/9/27 2:43:26

家政维修平台实战20：权限设计

目录 1 获取工人信息2 搭建工人入口3 权限判断总结 目前我们已经搭建好了基础的用户体系&#xff0c;主要是分成几个表&#xff0c;用户表我们是记录用户的基础信息&#xff0c;包括手机、昵称、头像。而工人和员工各有各的表。那么就有一个问题&#xff0c;不同的角色&#xf…...

编程新知 2026/2/1 22:23:58

大学生职业发展与就业创业指导教学评价

这里是引用 作为软工2203/2204班的学生&#xff0c;我们非常感谢您在《大学生职业发展与就业创业指导》课程中的悉心教导。这门课程对我们即将面临实习和就业的工科学生来说至关重要&#xff0c;而您认真负责的教学态度&#xff0c;让课程的每一部分都充满了实用价值。 尤其让我…...

编程新知 2025/11/16 1:39:27

图表类系列各种样式PPT模版分享

图标图表系列PPT模版&#xff0c;柱状图PPT模版&#xff0c;线状图PPT模版&#xff0c;折线图PPT模版&#xff0c;饼状图PPT模版&#xff0c;雷达图PPT模版&#xff0c;树状图PPT模版 图表类系列各种样式PPT模版分享&#xff1a;图表系列PPT模板https://pan.quark.cn/s/20d40aa…...

编程新知 2026/2/4 18:07:02

10-Oracle 23 ai Vector Search 概述和参数

一、Oracle AI Vector Search 概述 企业和个人都在尝试各种AI&#xff0c;使用客户端或是内部自己搭建集成大模型的终端&#xff0c;加速与大型语言模型&#xff08;LLM&#xff09;的结合&#xff0c;同时使用检索增强生成&#xff08;Retrieval Augmented Generation &#…...

编程新知 2026/2/7 21:32:44

短视频矩阵系统文案创作功能开发实践，定制化开发

在短视频行业迅猛发展的当下&#xff0c;企业和个人创作者为了扩大影响力、提升传播效果&#xff0c;纷纷采用短视频矩阵运营策略&#xff0c;同时管理多个平台、多个账号的内容发布。然而&#xff0c;频繁的文案创作需求让运营者疲于应对&#xff0c;如何高效产出高质量文案成…...

编程新知 2026/2/1 8:24:29

动态 Web 开发技术入门篇

一、HTTP 协议核心 1.1 HTTP 基础 协议全称 &#xff1a;HyperText Transfer Protocol&#xff08;超文本传输协议&#xff09; 默认端口 &#xff1a;HTTP 使用 80 端口&#xff0c;HTTPS 使用 443 端口。 请求方法 &#xff1a; GET &#xff1a;用于获取资源&#xff0c;…...

编程新知 2025/10/3 0:42:17

R 语言科研绘图第 55 期 --- 网络图-聚类

在发表科研论文的过程中&#xff0c;科研绘图是必不可少的&#xff0c;一张好看的图形会是文章很大的加分项。 为了便于使用&#xff0c;本系列文章介绍的所有绘图都已收录到了 sciRplot 项目中&#xff0c;获取方式&#xff1a; R 语言科研绘图模板 --- sciRplothttps://mp.…...

编程新知 2026/1/30 2:34:31