新手如何在阿里云服务器上部署第一个自己的SpringBoot+Vue项目

最新推荐文章于 2025-06-06 12:30:16 发布
原创 最新推荐文章于 2025-06-06 12:30:16 发布 · 1.6k 阅读 · 37 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#阿里云 #服务器 #spring boot #vue

新手部署SpringBoot+Vue3前后端分离项目到阿里云服务器

1 服务器准备

1.1 购买服务器ECS服务器

​ 阿里云官网：地址练手的话选择产品->云服务器 ECS即可。（记住购买时输入的服务器密码，SSH登录时会用到）

1.2 服务器环境搭建

​ 进入到控制台，进行一些项目部署的环境配置 配置安全组 -> 安装宝塔面板，对于新手，可以先采用宝塔部署的方式（比起传统方法基本的步骤没有问题，只是对Linux不熟悉的新手较为友好）
在这里插入图片描述

1.2.1 配置安全组

首先我们要知道，部署项目要想被任何IP访问到我们的服务，需要开放一些必要的端口，SpringBoot+Vue前后端分离项目中常用到的一些需要开放的端口如下：
在这里插入图片描述

1.2.2 安装宝塔面板

使用远程工具进行Linux系统的远程连接，可以使用Linux终端，也可以使用Windows

最低0.47元/天 解锁文章

200万优质内容无限畅学
阿里云ECS部署Spring Boot+Vue项目【宝塔面板】
Glubin的博客
07-01 1392
教程基于宝塔面板，在购买服务器选择镜像时，需要选择带有宝塔面板的镜像，也可以自己装宝塔面板，安装教程可以查看。
全栈式部署：SpringCloud 微服务+Docker + Vue + nginx 前后端一站式部署
CSDN_KONGlX的博客
07-06 1639
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...
如何快速搭建自己的阿里云服务器（宝塔）并且部署springboot+vue项目（全网最全）
Java&Develop的博客
01-14 1万+
对于新手或者学生党来说，有时候就想租一个云服务器来玩玩或者练练手，duck不必花那么多钱去租个服务器。这些云服务厂商对学生和新手还是相当友好的。下面将教你如何快速搭建自己的阿里云服务器，完成云服务器的部署。
快速将Springboot+VUE3项目搬上云服务器
最新发布
B_G_D的博客
06-06 1526
《Vue3+SpringBoot项目部署Linux服务器全流程实践》 本文详细记录了将Vue3前端和SpringBoot后端项目部署到Linux服务器的完整实践步骤。首先需要购买CentOS云服务器并开放必要端口（8081、80、21等），使用Xshell和Xftp进行远程连接。接着配置Java环境、安装Tomcat和MySQL数据库，特别注意防火墙设置和端口开放。 项目部署阶段，需解决跨域问题并打包SpringBoot项目为jar文件，Vue3项目则通过npm打包生成dist文件夹。安装Nginx进行反向
在阿里云服务器部署Vue项目，部署SpringBoot后台，安装MySQL数据库
dnnsj的博客
11-18 465
此文章所涵盖的教程： 1. 阿里云服务器的购买 2. 安装Xshell 、 Xftp 3. 安装Nginx 4. 使用Nginx 5. 安装 jdk 6. 运行 springboot 项目 7. 安装 Docker 8. 将 springboot 项目打包成 Docker 镜像 9. 安装 MySQL
保姆级级教程——将springboot+vue前后端分离项目部署到阿里云服务器（包教包会）2023年最新版
leishangdangQIQ的博客
04-14 1万+
springboot项目部署到阿里云服务器上面。
阿里云轻量应用服务器 docker部署Vue项目保姆级教程，纯小白也能看懂！！！
c327127960的博客
02-19 977
阿里云轻量应用服务器 docker部署Vue项目保姆级教程，纯小白也能看懂！！！
部署vue项目到阿里云服务器
liubangbo的专栏
10-27 6000
可能在make的时候会报2个错误，在网上搜一下就解决了。大概记得第一个错误是在MakeFile中删除-Werror，第二个错误是注释一行代码就可以了。记得vue项目包dist 一定要上传到Nginx 安装目录下的html目录，一般是/usr/local/nginx/html目录。我们试用阿里云ESC服务器(选择CentOS)，按步骤试用，稍等几分钟就会收到短信，创建实例成功。但不幸的是，打不开。4）用户名和密码填写我的在阿里云服务器设置的，一般用户名在没有修改的情况下都是root。
SpringBoot项目如何部署到公网（云服务器）
qq_37994494的博客
08-24 2万+
【前言】 博主写这篇博客的时候还是个新手，把我写好的SpringBoot项目部署到公网可以访问花了两天时间，看了很多篇博客，也请教了认识的大佬，最终成功部署到云服务器。希望这便篇博客能帮一些新手填坑，少走一点弯路。 简单又重要的小概念：你的后台项目运行的话必须启动后“命令行一直挂着不关闭”，才能够本地访问，这显然是不够人性化的，你的电脑总有关机的时候，可如果你要让别人或者自己随时随地都能...
如何将前后分离的项目部署到云服务器
qq_51985869的博客
03-12 2298
云服务器操作系统分为Windows和Linux类，Linux系统相对于win占用更少系统资源，一般选用Linux阿里云Linux镜像可选Aliyun Linux、CentOS、Ubuntu、Debian、SUSE Linux、OpenSUSE、CoreOS和FreeBSD。Aliyun Linux是阿里云原生Linux操作系统，针对ECS做了大量深度优化，完全兼容CentOS生态和操作方式；Ubuntu基于Debian，新手更容易上手，时长占有率也高。综上，阿里云ECS云服务器Linux镜像。
超详细，新手都能看懂 ！大牛带你使用SpringBoot+Dubbo 搭建一个简单的分布式服务，还附带坦克大战项目，速看！
jinggege795的博客
07-05 265
目录： 使用 SpringBoot+Dubbo 搭建一个简单分布式服务 实战之前，先来看几个重要的概念 什么是分布式? 什么是 Duboo？ Dubbo 架构 什么是 RPC？ 为什么要用 Dubbo？ 开始实战 1 ：zookeeper 环境安装搭建 1. 下载 2. 解压 3. 进入zookeeper目录，创建data文件夹。 4. 进入/zookeeper/conf目录下，复制zoo_sample.cfg，命名为zo
VUE项目发布和部署 (阿里云)
01-07
以下是我看全栈之巅整理的，有兴趣可以看一下 这是我写好的项目（后台管理：admin，前台展示：web，服务端：server） 1. 生产环境编译 1.修改axios的baseURL const http = axios.create({ // baseURL: http://localhost:3000/admin/api baseURL: process.env.VUE_APP_API_URL || '/admin/api', }); 2.在admin的根目录添加环境变量文件 .env.development，添加 VUE_APP_API_URL = http://l
阿里云部署前端vue项目（云效代码库，流水线）
MWNGTAIQI的博客
09-07 2647
依次点击“分支”->“新建分支”，新建用于开发的分支，建议新建新分支而不直接在master分支上开发项目原因：master分支通常被视为项目的稳定版本基线，是项目“生产就绪”的代码集合，直接在主分支上进行开发会增加引入不稳定代码的风险，从而影响整个项目的稳定性和可靠性，在多个开发人员或团队同时工作时，每个人或每个团队可以在自己的分支上进行独立的开发和测试，而不会相互干扰，通过创建新的开发分支，可以在该分支上提交更改，并通过代码审查流程进行审查，审查通过后，可以将更改合并回主分支，这一过程更加清晰和可控。
阿里云服务器上部署vue项目
pachongxaiobai的博客
12-12 543
阿里云服务器部署vue项目（nginx配置）
阿里云如何部署项目【2024 详细版】
【收录奇奇怪怪的电脑小知识】 原创来于生活
06-19 5945
首次注册阿里云后可以购买免费服务器，可以用服务器练习部署项目，这里以部署个人网站为例。
超详细SpringBoot+vue项目部署到阿里云服务器上
qq_45849584的博客
11-26 1万+
将sprigboot+vue项目打包到阿里云服务器超级详细教程，看这一篇就够了，手把手教学，使用idea+vscode编译器，有什么问题可以直接评论。
前后端分离 -- SpringBoot + Vue实战项目 部署至阿里云服务器
2401_84093248的博客
05-17 1125
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
Web项目（Vue）部署到阿里云服务器【超详细】
热门推荐
weixin_43690623的博客
01-28 2万+
超详细Vue项目部署篇 小白的部署之路 前段时间白嫖了一年的阿里云服务器，想着手上有个项目，那就顺便部署上去吧，然后就进行了为时一天的踩坑之路。将大象放进冰箱有几个步骤？打开冰箱，将大象防进去，关上冰箱。巧了，项目部署呢，也刚刚好是三步：打包项目–>配置服务器环境–>将项目放到环境中。让我们开始吧！ 一、打包Vue项目 先将项目 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示； 增加了 图片拖拽 功能，你可
阿里服务器部署springBoot + vue项目（一）
weixin_42546745的博客
11-29 869
本人是新入坑萌新一个，写这篇文章的目的只是记录一下第一次部署项目的经历，同时给广大码友提供一点参考，本文中有讲的不对的地方欢迎各位大佬指出。 阿里服务器配置篇 本篇主要讲如何配置项目需要的jdk环境、tomcat(这个springboot应该不需要)，mysql以及前端需要的nginx的安装。 第一步，xshell连接 首先，购买一个阿里云服务器，这里就可以买，大概这个样子 买了之后能得到阿里服务器的账号密码（在云服务器管理控制台应该就能得到），通过账号密码用xshell进行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值