Vue应用部署到华为云ECS

Automate Vue app deployment to Huawei Cloud ECS with CI/CD.

Updated May 21, 2026
One-click install
npx skills add https://github.com/creeper-RedWHU/HuaweiCloudProj --skill vue-ecs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Vue应用部署到华为云ECS
Source: https://github.com/creeper-RedWHU/HuaweiCloudProj/tree/main/docs
Command: npx skills add https://github.com/creeper-RedWHU/HuaweiCloudProj --skill vue-ecs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

解决把Vue前端应用从本地代码快速上线到华为云ECS,并持续集成/持续部署到生产环境时,搭建资源、配置Nginx、编写部署流程与CI/CD的高成本与易出错问题。

Core Features & Use Cases

  • Infrastructure as Code 自动创建资源:使用Terraform在华为云上自动创建VPC、子网、安全组、ECS与EIP,并给出部署后的访问与SSH信息。
  • ECS上自动部署运行环境与应用:通过SSH自动安装Node.js与Nginx,建立应用目录,并构建Vue产物(dist)后完成静态托管。
  • GitHub Actions CI/CD 自动化发布:在main分支push时执行lint、单测、构建并将dist部署到ECS,完成备份、重载Nginx与健康检查(失败可回滚)。

适用场景:团队协作开发、需要快速搭建“可持续发布”的前端生产环境、希望以可复用脚本标准化部署流程,并在部署失败时保留稳定版本继续服务。

Quick Start

Use this skill to deploy your Vue 3 app to Huawei Cloud ECS by running the full Terraform provisioning, then uploading/building the app on the server, and finally configuring the GitHub Actions workflow with ECS_HOST/ECS_USER/ECS_PASSWORD secrets.

Frequently Asked Questions about Vue应用部署到华为云ECS

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Vue app deployment to Huawei Cloud ECS using GitHub Actions?

Automating Vue app deployment to Huawei Cloud ECS uses a GitHub Actions workflow to run linting, unit tests, and Vite builds, then transfers the dist artifact via SSH to reload Nginx on push to main.

Can I provision Huawei Cloud infrastructure for Vue hosting with Terraform?

Provisioning Huawei Cloud infrastructure for Vue hosting uses Terraform with the huaweicloud provider to automatically create VPC, subnets, security groups, ECS, and EIP, outputting SSH and access information.

What is the best way to set up CI/CD for a Vue front-end on a single server?

Setting up CI/CD for a Vue front-end on a single server involves configuring GitHub Actions with ECS_HOST, ECS_USER, and ECS_PASSWORD secrets to execute automated builds, SSH provisioning, and Nginx static hosting.

Does the Vue ECS deployment workflow support rollback if the health check fails?

The Vue ECS deployment workflow supports rollback by backing up the current application directory before deployment and retaining the stable version if the post-deployment Nginx health verification fails.

Do I need to manually install Node.js and Nginx on Huawei Cloud ECS for Vue static hosting?

Manually installing Node.js and Nginx is unnecessary for Vue static hosting because the deployment process uses SSH-based provisioning to automatically install the runtime, establish the /var/www/task-kanban directory, and configure Nginx.