华为云部署vue项目

### 如何在华为云服务器部署 Vue.js 项目最佳实践

#### 准备工作
为了成功地将Vue.js项目部署至华为云Flexus X实例，需先完成项目的构建过程。确保本地开发环境已安装Node.js以及npm工具。使用命令`npm run build`来编译Vue应用，这会生成一个名为`dist`的目录，其中包含了用于生产环境的应用资源文件[^1]。

#### 部署方法一：直接上传静态文件到Nginx/Tomcat
一种简单的方式是把上述提到的`dist`文件夹内的所有内容复制到远程Linux系统的指定路径下。对于采用Apache Tomcat作为Web容器的情况，则应将其放置于Tomcat的webapps目录内；若是利用Nginx做反向代理，则可自定义网站根目录位置，并调整配置文件使之指向该处。此过程中涉及到SSH连接操作与SCP传输指令的运用[^2]。

#### 部署方法二：Docker化部署方案
另一种更为现代化的选择就是借助Docker技术来进行封装和发布。首先编写一份合适的Dockerfile描述如何基于官方镜像构建应用程序映像，在此基础上执行如下所示的一系列命令可以快速启动并运行包含前端界面的服务：

# 构建 Docker 映像
docker build -t vue-app .

# 启动容器并将端口映射出来供外部访问
docker run -d --name vue-test -p 8111:80 vue-app

这种方法不仅简化了跨平台迁移的过程，同时也提高了运维效率和服务稳定性[^3]。

#### 实现公网访问
无论采取哪种方式进行部署，最后一步都是要设置好安全组规则允许HTTP(S)请求进入虚拟机内部网络接口，并绑定弹性IP地址使得外界能够通过互联网域名或IP直接触达所托管站点。