将 Vue 项目部署到 Flexus 云服务器 X 实例并实现公网访问

宙斯科技后端 2025-01-13

一、Flexus 云服务器 X 实例简介

1.1 概述

华为云 Flexus X 实例是华为云推出的一款创新云服务器产品，它主要面向中小企业和开发者，旨在解决传统云服务中的痛点，提供更加灵活、高效的云服务体验。

华为深刻洞察了中小企业和开发者在云服务应用中遇到的挑战，如资源规格刚性与用户多样化需求之间的矛盾、业务调优复杂性等，将柔性算力技术引入到服务器中，产生了 Flexus X 实例，实现了对传统云服务的革命性变革，为用户提供了更加贴合实际业务需求的云服务解决方案。

1.2 产品特点

1. 柔性算力技术：Flexus X 实例业界首创 CPU 内存规格柔性定义，最高可实现 3:1 的 CPU/内存比，同时提供超过 100 种规格组合，满足用户对算力规格的个性化需求。这一技术突破了传统云服务固定规格的限制，实现了云资源与实际业务场景的精准匹配，有效降低了资源浪费和成本。

2. 智能调度与稳定性保障：Flexus X 实例引入了瑶光云脑技术和大模型智能调度能力，能够智能感知云主机实际利用率并进行智能调度，确保算力分配的稳定性和性能的持久性。同时，Flexus X 实例还提供了与华为云旗舰级云服务器产品相媲美的高可用性，包括单 AZ 99.975%的可用性和跨 AZ 99.995%的可用性。

3. 应用调优与便捷性：Flexus X 实例内置了智能应用调优算法，能够自动匹配合适的应用参数和内核参数，降低业务调优的难度。此外，Flexus X 实例还支持热变配能力，用户可以直接升配 CPU 和内存规格而不需要重启实例，这对于企业级应用、电商、游戏等业务场景非常有价值。

4. 系统镜像与迁移支持：Flexus X 实例提供了多种系统镜像选择，包括 CenOS、Ubuntu Server、EulerOS 等，用户可以根据需求选择合适的系统镜像。同时，华为云还提供了迁移中心 MgC，帮助企业高效地计算迁移成本和实现快速的业务迁移，从而降低企业的上云门槛和成本。

1.3 价格与优惠

华为云 Flexus X 实例以其经济型的价格和近乎旗舰级的性能，为用户提供了跃级体验。具体价格可能因配置和促销活动而有所不同，最近华为云 828 B2B 企业节正在举办，Flexus X 实例的促销也非常给力，大家可以去看看。下图就是华为云 Flexus X 实例在官网给出的价格相较于其他云服务也是十分优惠了，大家有需要的可以抓紧时间入手了。

接下来我们通过将本地的 Vue 项目部署到咱们的华为云 Flexus X 实例服务器上，讲解如何使用华为云 Flexus X 实例将本地的 Vue 项目部署上去。这里我们需要用到 Nginx，因此得先安装 Nginx

二、部署过程

2.1 安装 Nginx

接下来我们打开华为云Flexus X实例的控制台：，点击远程登录：

这里我们直接使用 wget 命令在服务器上直接下载 Nginx

wget http://nginx.org/download/nginx-x.x.x.tar.gz（请将 x.x.x 替换为具体的版本号）。

这里我下载的版本是 1.22.1，因此命令就是：

wget http://nginx.org/download/nginx-1.22.1.tar.gz

下载完成之后使用 ls 命令，可以看到安装包也确实在当前目录下拉。

然后编译安装 Nginx

解压安装包：将下载的 Nginx 源代码包解压到/usr/local，命令如下：

tar -zxvf nginx-1.22.1.tar.gz -C /usr/local

配置 Nginx：进入解压后的目录，执行./configure 命令进行配置。可以根据需要添加编译选项，如--prefix=/usr/local/nginx 指定安装目录，--with-http_ssl_module 启用 SSL 支持等。这里我们先进入到 cd /usr/local/nginx-1.22.1/目录，然后再进行配置，命令如下：

cd /usr/local/nginx-1.22.1/

./configure