基于springboot和vue前后端分离项目利用Docker部署到阿里云服务器

该文详细记录了使用Docker在阿里云服务器上部署MySQL和Nginx的过程,包括购买服务器、远程连接、Docker安装与配置、MySQL和Nginx的镜像拉取及容器创建,以及前后端项目的打包和上传。此外,还介绍了DockerCompose的使用来简化容器管理。

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

最近做的实训项目要求用Docker部署到阿里云服务器上,记录一下部署流程,方便大家借鉴和避雷。
在这里插入图片描述

一、购买阿里云服务器

购买阿里云服务器教程可参考博客:阿里云服务器如何购买?
高校学生可搜索飞天加速计划,通过认证可以免费领取7个月的云服务器使用资格。在这里插入图片描述

二、安装远程软件

网上可以远程连接服务器的软件有很多,推荐使用xshell、secureCRT、MobaXterm等。这里用的是xshell远程连接的服务器,当然也可用阿里云服务器实例中的远程远程连接。

1.xshell连接服务器

xshell下载链接:https://www.xshell.com/zh/xshell/
网盘链接:https://pan.baidu.com/s/1Gb6kjFm2pqD7CyLUGl3PdQ提取码:ids8
安装完成之后点击新建会话:
在这里插入图片描述
输入要连接的主机号(云服务器的公网ip,可自行查看服务器实例):
在这里插入图片描述
点击连接后,接着输入用户名和密码,点击连接。如果忘记密码可点击重置实例密码,进行密码重置:
在这里插入图片描述

三、安装Docker

1.更新yum到最新版本

sudo yum update

2.安装Docker所需要的依赖包

sudo yum install -y yum-utils device-mapper-persistent-data lvm2

3.设置yum源

sudo yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo

4.查看仓库所有的Docker版本

yum list docker-ce --showduplicates | sort -r

5.安装Docker

安装最新版本的Docker:

sudo yum install docker-ce

6.启动Docker

启动Docker

sudo systemctl start docker

设置Docker开机自启动

sudo systemctl enable docker

7.查看Docker版本

docker --version

8.Docker常用命令

docker --help               #Docker帮助
docker --version            #查看Docker版
### SpringBoot Vue 前后端分离项目部署阿里云服务器教程 #### 服务器准备 为了成功部署SpringBootVue组成的前后端分离项目,需先准备好阿里云ECS服务器。对于初次使用者来说,建议选择配置适合开发测试环境的基础型实例即可满足需求[^1]。 #### 工具安装与环境搭建 确保已安装必要的工具如Xshell用于SSH远程登录管理服务器以及Xftp实现文件传输功能。此外,在服务器内部还需完成Java运行环境(JDK)、Node.js等相关依赖项的设置以便支持应用正常运作[^2]。 #### 后端服务发布流程 针对基于Spring Boot框架构建的应用程序而言,可以考虑采用打包成jar包的形式上传至目标主机并执行启动命令的方式来进行部署;或者利用Docker容器化技术简化运维过程中的复杂度,提高跨平台兼容性稳定性。 ```bash nohup java -jar your-springboot-app.jar & ``` 如果选择了后者,则应提前规划好镜像制作、推送至仓库等环节的工作内容,并编写相应的docker-compose.yml来定义多容器编排方案。 #### 前端资源上线方法 对于由Vue CLI创建出来的单页面应用程序(SPA),通常会将其构建成静态网页形式并通过Nginx反向代理映射到指定域名下访问。因此需要在本地环境中通过`npm run build`指令生成dist目录下的生产版本文件夹之后再借助FTP/SFTP等方式同步至线上空间内[^3]。 ```nginx server { listen 80; server_name example.com; location / { root /path/to/dist; try_files $uri $uri/ /index.html; } } ``` 最后重启Nginx使更改生效: ```bash sudo systemctl restart nginx ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值