将SpringBoot项目及vue项目分别打包部署到阿里云服务器

最新推荐文章于 2025-07-09 15:11:34 发布
最新推荐文章于 2025-07-09 15:11:34 发布
阅读量3.6k 收藏 28
点赞数 1
CC 4.0 BY-SA版权
分类专栏： nginx 文章标签： 将SpringBoot项目及vue项目分别打包部署到阿里云服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w1316022737/article/details/100019365
本文介绍如何将SpringBoot后端和Vue前端项目分别打包，并部署到阿里云CentOS 7服务器上。使用Xshell连接服务器，SpringBoot项目保持非80端口打包，Vue项目调整配置后打包成dist文件。通过Xftp5上传jar包和dist文件，利用nohup命令后台运行SpringBoot服务，并在nginx默认站点目录下部署Vue应用。最后，启动nginx并访问服务器IP以验证部署成功。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为现在都是前后端分离，本文章中后端使用的是springboot，前端使用的是vue
服务器类型为centos 7

  1. 使用xshell连接服务器
  2. 在idea中将项目打包（因为在后面要使用nginx，它的端口为80，后端项目就不要改成80了）
    在这里插入图片描述
  3. 在项目目录中查看jar包
    在这里插入图片描述
  4. 打包vue项目前要改动一下几个方面
    ①
    在这里插入图片描述
    ②
    在这里插入图片描述
    ③
    在这里插入图片描述
  5. 打包vue项目（build成功后目录中就会出现一个dist文件）
  6. xshell连接成功后为了方便管理，可以在根目录中建一个文件夹，在这个文件夹中再建两个文件夹分别管理后端和前端
  7. 在新建的管理后端文件夹中使用xftp5将打包好的springboot的j
最低0.47元/天 解锁文章

200万优质内容无限畅学
将Vue+Springboot项目部署到云服务器
qq_45930467的博客
04-28 6004
将Vue+Springboot项目部署到云服务器： 提示：Vue+springboot项目部署到云服务器 提前准备： 1.阿里云服务器(这个是可以白票的,地址放这里链接: 阿里云学生认证） 2.自己的Vue项目 部署项目 部署代码可以用远程连接工具,也可以用宝塔面板,宝塔面板会帮我们自动配置服务器环境 提示：部署后端代码 1.打开IntelliJIDEA,用maven包管理工具将自己的后端代码打包成jar包 2.打包好了以后会生成一个jar包 3.将jar包放到云服务器的根目录下的目录下
基于springboot和vue前后端分离项目利用Docker部署到阿里云服务器
sgl11的博客
07-18 992
将基于springboot和vue前后端分离项目，利用Docker部署到阿里云服务器
vue+spring boot 部署云服务器
Penguin
08-04 2714
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、配置好前台后台域名和ip的映射关系二、在服务器上安装2个tomcat，并且可以运行成功1.修改端口号：访问的端口和8005端口2.外部访问：安全组端口对外开放，服务器防火墙对外开放2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 一、配置好前台后台域名和ip的映射关系 阿里云和腾讯云配
Spring Boot + Vue.js 全栈开发：从前后端分离到高效部署，打造你的MVP利器！
最新发布
idree的博客
07-09 998
Spring Boot与Vue.js是当前全栈开发的黄金组合。Spring Boot作为Java后端框架，提供高效开发和丰富生态；Vue.js则以其渐进式设计和组件化优势成为前端首选。二者结合可实现快速开发、灵活部署和技术互补。 项目搭建包括：使用Spring Initializr初始化后端项目（添加Web、JPA等依赖），通过Vue CLI创建前端项目。关键配置在于解决跨域问题，通过后端CORS设置和前端代理转发实现前后端通信。
零基础入门云服务器 二（部署vue+springboot项目）
qq_50637757的博客
02-05 1486
在你的个人云服务器上部署vue+springboot项目（新手推荐）
ideaspringboot项目上传服务器_手把手带你将Vue项目部署到云服务器
weixin_39946429的博客
11-25 312
上一回，强哥带着大家一起将一套Node项目部署到了自己的云服务器上。有些小伙伴们在问，平时自己做的都是Vue的项目，要怎么把Vue的项目部署到自己的云服务器上呢？今天强哥就来带着大家一探究竟。1.上传代码首先我们需要使用WinSCP等其它FTP客户端软件，将自己的Vue代码上传到服务器上。如果你使用的是Vue Cli脚手架搭建的项目，仅需要将dist目录下的所有文件上传，而不是整个项目的...
(新手向)从零开始将springboot项目部署到云服务器（ecs）上
01-09
最近用springboot写了一个个人博客项目，正好之前趁着活动免费领取了一个阿里云的云服务器ecs，于是准备把项目部署到服务器上。对于我这种纯新手来说，部署过程可谓是踩坑无数,好在最后还是成功了。       这里跟大家分享一下完整的步骤，尽量帮助大家排坑。 目录1. 购买和配置云服务器2. 本机下载XShell 6 与XFtp 63. 云服务器安装宝塔面板4. 云服务器安装jdk5.Navicat连接云服务器的mysql6. 打包SpringBoot项目为jar包，上传到云服务器上并运行 1. 购买和配置云服务器 阿里云腾讯云等等的都可以，我选择的系统是centos7，关于服务器详细的博客
新手如何在阿里云服务器上部署第一个自己的SpringBoot+Vue项目
qq_45607971的博客
06-23 1687
轻松在阿里云服务器上部署第一个自己的SpringBoot+Vue前后端分离项目
SpringBoot + Vue 项目部署上线到Linux 服务器的教程详解
09-14
主要介绍了SpringBoot + Vue 项目部署上线到Linux 服务器,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
【阿里云】——部署Vue项目到阿里云服务器
奔跑的狮子
11-10 1783
部署Vue项目到阿里云服务器 文章目录部署Vue项目到阿里云服务器@[toc]参考视频步骤在服务器上安装宝塔给vue项目打包在宝塔上添加站点，把打包好的vue项目解压 参考视频 8分钟项目部署-黑马vue电商后台管理系统-购买服务器部署上线-搭建网站 在这里吹一波，黑马YYDS！ 步骤 1.在服务器上安装宝塔 2.给vue项目打包 3.在宝塔上添加站点，把打包好的vue项目解压 在服务器
primebrick-vue
05-23
Primebrick-Vue 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 自定义配置 请参阅。
spring boot项目和vue一起放在tomcat部署
11-13
spring boot项目和vue一起放在tomcat部署,spring boot项目和vue一起放在tomcat部署
前后端分离+部署到阿里云
weixin_44157608的博客
08-31 1632
前后端分离小demo + 部署到阿里云前言前端编写后端编写数据库部署到阿里云最终效果 前言 前端 Vue CLI 组件化开发，所需插件 vuex、axios、router 后端 Spring Boot 工程 核心：前端80访问后端9000，后端访问数据库3306 小demo 功能简介：有导航栏可以切换，首页和关于页面是默认有的，备忘录是我新增的，备忘录页面的数据来自后端，后端访问数据库获得的，可以新增备忘录数据，可以删除备忘录中的数据，与后端数据库进行数据交互。 前端编写 1、新建一个 vue 工程，
案例一 整套项目打包部署
12-04 236
Docker Compose 1、介绍 Compose是一个定义和管理多容器的工具，使用Python语言编写。使用Compose配置文件描述多个容器应用的架构，比如使用什么镜像、数据卷、网络、映射端口等；然后一条命令管理所有服务，比如启动、停止、重启等。 2、安装 curl -L https://github.com/docker/compose/releases/down...
项目最后的项目部署，打包流程
weixin_47155400的博客
05-13 874
（扩展小知识： 每次打开前端文件运行和后端文件运行的时候都需要在cmd里一步一步输入命令比较的麻烦，我们可以创建一个后缀名问 " .bat "的文件把步骤写进这个文件里，只需每次运行的时候直接点击该文件就可以了。（" .sh "文件也是 但里面的反斜杠改成正斜杠就可以）） 下面是我们的正题打包流程 用到了nginx 简单介绍一下，nginx这是一个轻简级的wed服务器 这里简单可以了解一下，需要深入的了解的话可以自行的深入了解 一..nullhttps://nginx.org/en/downlo
项目打包部署流程（前后端本地打包部署）
qq_45765384的博客
03-18 1679
前后端本地打包部署运行
微服务开发与实战Day02 - Docker
ltt159264的博客
06-05 1078
镜像就是包含了应用程序、程序运行的系统函数库、运行配置等文件的文件包。构建镜像的过程其实就是把上述文件打包的过程。3.1 镜像结构第一步中需要的Linux运行环境，通用性很强，所以Docker官方就制作了这样的只包含Linux运行环境的镜像。我们在制作java镜像时，就无需重复制作，直接使用Docker官方提供的CentOS或Ubuntu镜像作为基础镜像。Dockerfile就是一个文本文件，其中包含一个个的指令(Instruction)，用指令来说明要执行什么操作来构建镜像。
使用idea搭建一个vue起始项目（详细）
真的好想再回到那时，可现在能做的只有补救。————个人博客：https://w7h1te.github.io/
03-14 7364
一、需要了解的基本知识 1.node.js Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动，
前端项目部署，阿里云服务器部署前端项目，超详细
热门推荐
weixin_43239880的博客
03-10 1万+
作为一个前端，特别身处于中小公司时，对于部署也需要有所了解。本次就介绍前端基础的项目部署。本次使用的是阿里云服务器进行的部署。
SpringBoot+Vue前后端分离项目部署到阿里云服务器
12-31
### SpringBoot 和 Vue 前后端分离项目部署至阿里云服务器教程 #### 服务器准备 为了成功部署SpringBoot和Vue组成的前后端分离项目，需先准备好阿里云ECS服务器。对于初次使用者来说，建议选择配置适合开发测试环境...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值