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

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

news 2026/2/9 2:26:45

准备工作

  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

简易版抽奖活动的设计技术方案

1.前言 本技术方案旨在设计一套完整且可靠的抽奖活动逻辑，确保抽奖活动能够公平、公正、公开地进行，同时满足高并发访问、数据安全存储与高效处理等需求，为用户提供流畅的抽奖体验，助力业务顺利开展。本方案将涵盖抽奖活动的整体架构设计、核心流程逻辑、关键功能实现以及…...

编程新知 2026/2/7 17:41:40

解决Ubuntu22.04 VMware失败的问题 ubuntu入门之二十八

现象1 打开VMware失败 Ubuntu升级之后打开VMware上报需要安装vmmon和vmnet&#xff0c;点击确认后如下提示 最终上报fail 解决方法 内核升级导致&#xff0c;需要在新内核下重新下载编译安装 查看版本 $ vmware -v VMware Workstation 17.5.1 build-23298084$ lsb_release…...

编程新知 2026/1/24 10:07:40

《通信之道——从微积分到 5G》读书总结

第1章 绪 论 1.1 这是一本什么样的书 通信技术&#xff0c;说到底就是数学。 那些最基础、最本质的部分。 1.2 什么是通信 通信 发送方 接收方 承载信息的信号 解调出其中承载的信息 信息在发送方那里被加工成信号&#xff08;调制&#xff09; 把信息从信号中抽取出来&am…...

编程新知 2026/2/7 11:01:56

前端开发面试题总结-JavaScript篇(一)

文章目录 JavaScript高频问答一、作用域与闭包1.什么是闭包&#xff08;Closure&#xff09;&#xff1f;闭包有什么应用场景和潜在问题&#xff1f;2.解释 JavaScript 的作用域链&#xff08;Scope Chain&#xff09; 二、原型与继承3.原型链是什么&#xff1f;如何实现继承&a…...

编程新知 2026/2/1 3:12:03

OpenLayers 分屏对比(地图联动)

注&#xff1a;当前使用的是 ol 5.3.0 版本&#xff0c;天地图使用的key请到天地图官网申请&#xff0c;并替换为自己的key 地图分屏对比在WebGIS开发中是很常见的功能&#xff0c;和卷帘图层不一样的是&#xff0c;分屏对比是在各个地图中添加相同或者不同的图层进行对比查看。…...

编程新知 2025/12/25 18:22:43

用机器学习破解新能源领域的“弃风”难题

音乐发烧友深有体会&#xff0c;玩音乐的本质就是玩电网。火电声音偏暖&#xff0c;水电偏冷&#xff0c;风电偏空旷。至于太阳能发的电&#xff0c;则略显朦胧和单薄。 不知你是否有感觉&#xff0c;近两年家里的音响声音越来越冷&#xff0c;听起来越来越单薄&#xff1f; —…...

编程新知 2026/2/7 22:13:48

PAN/FPN

import torch import torch.nn as nn import torch.nn.functional as F import mathclass LowResQueryHighResKVAttention(nn.Module):"""方案 1: 低分辨率特征 (Query) 查询高分辨率特征 (Key, Value).输出分辨率与低分辨率输入相同。"""def __…...

编程新知 2025/10/20 4:39:36

无人机侦测与反制技术的进展与应用

国家电网无人机侦测与反制技术的进展与应用 引言 随着无人机&#xff08;无人驾驶飞行器&#xff0c;UAV&#xff09;技术的快速发展&#xff0c;其在商业、娱乐和军事领域的广泛应用带来了新的安全挑战。特别是对于关键基础设施如电力系统&#xff0c;无人机的“黑飞”&…...

编程新知 2026/1/26 6:01:03

tomcat入门

1 tomcat 是什么 apache开发的web服务器可以为java web程序提供运行环境tomcat是一款高效&#xff0c;稳定&#xff0c;易于使用的web服务器tomcathttp服务器Servlet服务器 2 tomcat 目录介绍 -bin #存放tomcat的脚本 -conf #存放tomcat的配置文件 ---catalina.policy #to…...

编程新知 2025/7/7 19:44:31

springboot 日志类切面，接口成功记录日志，失败不记录

springboot 日志类切面&#xff0c;接口成功记录日志&#xff0c;失败不记录 自定义一个注解方法 import java.lang.annotation.ElementType; import java.lang.annotation.Retention; import java.lang.annotation.RetentionPolicy; import java.lang.annotation.Target;/***…...

编程新知 2026/2/1 13:59:09