[问题探讨]基于VUE+docker+nginx+IntelliJ IDEA+Alibaba Cloud Toolkit实现WEB项目一键部署

本文详细介绍了如何结合VUE、docker、nginx、IntelliJ IDEA和Alibaba Cloud Toolkit实现WEB项目的一键部署。首先,手动完成npm build打包、ftp传输dist文件、docker部署nginx和编写start.sh脚本。然后,配置Alibaba Cloud Toolkit,包括设置部署配置和npm脚本,最终实现通过工具一键部署项目。

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

需求:基于VUE+docker+nginx+IntelliJ IDEA+Alibaba Cloud Toolkit实现WEB项目一键部署

分析:如下图

Alibaba Cloud Toolkit其实是按步骤做了手动部署需要做的三件事情:

1,npm run build打生产包
2,通过ftp服务将生产包放入配置好的nginx服务目录中
3,启动.sh脚本完成部署

首先,我们来实现一次手动部署

一,dist包部分

1,准备VUE源码,如果没有适合练手源码的小伙伴,可以从如下github项目上克隆
tom-wong666/xiaoa
2,npm install 安装依赖
3,npm run build 打包dist

二,ftp服务部分

1,下载安装MobaXterm,奉上链接
https://moba.en.softonic.com/
2,通过MobaXterm连接远程主机
连接步骤:Sessions—>New Session—>SSH—>输入host userName port—>确认—>依照提示输入密码—>连接远程主机

三,用docker部署nginx静态服务器,并编写部署脚

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tom_wong666

码字不易,分享有功,期待赞赏!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值