828华为云征文 | 将Vue项目部署到Flexus云服务器X实例并实现公网访问

news2024/9/24 2:05:59

一、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实例的控制台:,点击远程登录:

这里还是照旧啊,我们使用华为的CloudShell登录,不得不说,比去年的服务器终端界面友好太多了,输入服务器密码之后,登录成功如下图:

这里我们直接使用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

这里显示pcre pcre-develm没有这个库,因此我们使用命令:

yum install pcre pcre-devel

安装pcre pcre-develm没有这个库

安装完成之后,再执行配置,好像还是有问题,原来是还缺少了zlib依赖,然后我们继续安装

yum install zlib zlib-devel

安装完成之后,我们再执行./configure命令就没有问题了,

编译并安装:执行make命令进行编译,然后执行make install命令进行安装。这两步稍微要等久一点,

到这里我们就已经完成安装了,然后启动nginx:

# 启用nginx服务
cd /usr/local/nginx/sbin/
./nginx -c /usr/local/nginx/conf/nginx.conf

然后在浏览器输入我们服务器的公网IP,就可以看得到Nginx的欢迎界面了:

2.2 打包项目

接下来我们打开Vue项目,执行npm run build命令打包项目,

打包成功后会在项目目录下生成一个dist目录,dist目录里面就包含了项目的静态文件及代码:

接下来我们点击index.html看看是否有页面,如果没有的话,就需要我们在vue.config.js文件上加上下面三个参数。

2.3 配置Nginx

然后我们先在咱服务器上的nginx目录下,新建一个test目录,存放我们刚刚打包的dist目录

然后将dist目录上传进去,这里发现cloudShell是不能多文件上传的,这里提个需求哈,这下我们还得依靠第三方上传。上传上去之后,修改nginx配置文件。

把这里修改成我们刚刚创建的test目录名,因为index.html文件在这里嘛。

然后使用命令关闭刚刚启动的nginx服务,然后再启动

# 启用nginx服务
cd /usr/local/nginx/sbin/
./nginx -c /usr/local/nginx/conf/nginx.conf

然后刷新

OK,这下就已经成功部署上去了。

三、Flexus云服务器X实例的优势所在

3.1 产品优势

  • 提供丰富的公共镜像,可灵活自定义镜像版本。
  • 智能感知业务动态升降配,负载范围更高。
  • 支持灵活自定义vCPU、内存实例规格。
  • 支持按需计费更精细和灵活的定价模式,可基于实际负载画像智能推荐规格。

3.2 资源规格配置丰富

Flexus X实例通过和其他服务组合,具备计算、镜像安装、网络、存储、安全等能力,您可根据业务需要灵活配置各资源。

服务

说明

镜像服务(IMS)

通过镜像服务提供的公有镜像、私有镜像、共享镜像,Flexus X实例可快速安装操作系统。

云硬盘(EVS)

Flexus X实例通过EVS实现数据存储服务,并通过EVS的快照功能实现数据的备份和恢复。

虚拟私有云(VPC)

Flexus X实例通过VPC建立专属的网络环境,设置子网、安全组等。

弹性公网IP(EIP)

Flexus X实例通过EIP实现外网链接。

云备份(CBR)

Flexus X实例通过CBR备份单个云硬盘数据或整机数据,并利用备份数据恢复数据。

云监控(CES)

Flexus X实例通过云监控监控主机资源,您可以查看Flexus云服务器X实例的资源运行情况。

主机安全(HSS)

通过HSS,您可以实时监测Flexus云服务器X实例中的风险,降低Flexus云服务器X实例被入侵的风险。

3.3 计费模式优势

Flexus X实例支持包年/包月、按需计费的计费模式,以满足不同场景下的用户需求。Flexus X实例支持在包年/包月、按需计费间变更计费模式。

3.4 强烈推荐

        看到这里,你是否已经被Flexus云服务器X实例的强大性能和灵活配置所吸引了呢?如果你正寻找一款能够助力你业务飞速发展的云服务器,那么Flexus X无疑是你不二的选择。

        而在这个充满机遇与挑战的828企业节,华为云更是为大家准备了一系列精彩纷呈的活动和优惠。无论你是初创企业,还是正在寻求数字化转型的传统企业,这里都有属于你的舞台。

        现在,就让我们一起加入华为云的大家庭,参与828企业节,共同探索云计算的无限可能。在这里,你不仅可以获得顶尖的技术支持,还能与众多行业精英交流心得,拓展人脉。更有机会赢取丰厚大奖,为你的企业发展注入新的动力。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2159054.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

全栈开发(三):springBoot3中使用mybatis-plus

MyBatis-Plus &#x1f680; 为简化开发而生 (baomidou.com) 1.配置pom.xml <dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-spring-boot3-starter</artifactId><version>3.5.7</version></dependency&g…

JavaScript --- 字符串常用方法(2)

concat拼接 和号一样 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content"widthdev…

基于微信小程序的商品展示+ssm(lw+演示+源码+运行)

商品展示系统 摘 要 随着我国经济迅速发展&#xff0c;人们对手机的需求越来越大&#xff0c;各种手机软件也都在被广泛应用&#xff0c;但是对于手机进行数据信息管理&#xff0c;对于手机的各种软件也是备受用户的喜爱&#xff0c;微信小程序被用户普遍使用&#xff0c;为方…

英伟达 Blackwell平台和ASIC芯片升级助力,预计2025年液冷散热渗透率将超20%

TrendForce集邦咨询: 英伟达 Blackwell平台和ASIC芯片升级助力&#xff0c;预计2025年液冷散热渗透率将超20% 根据TrendForce集邦咨询最新调查&#xff0c;随着NVIDIA Blackwell新平台预计于2024年第四季出货&#xff0c;将推动液冷散热方案的渗透率明显增长&#xff0c;从202…

完全无线测量物体电压

无线电压测量的物理原理 所有导电物体都具有一定的电容&#xff0c;我们可以将其分为自电容和相对于其他导体的电容。对于孤立物体&#xff0c;自电容占主导地位&#xff1b;对于导电球体&#xff0c;这是教科书表达式C 4 πεε 0 R&#xff0c;其中ε 0是自由空间的介电常数…

MQ入门(二):java客户端SpringAMQP

目录 1.SpringAMQP 1.1.导入demo工程 1.2.快速入门 1.2.1.消息发送 1.2.2.消息接收 1.2.3.测试 1.3.WorkQueues模型 1.4.交换机类型 1.4.1.Fanout交换机 1.4.2.Direct交换机 1.4.3.Topic交换机 1.5.声明队列和交换机 1.5.1.基于注解声明 1.6.消息转换器 1.6.1.测…

Centos Stream 9根目录扩容

要将 sda 的剩余空间扩展给 cs-root&#xff0c;可以按照以下步骤进行操作。假设你已经有剩余的未分配空间在 sda 上。 步骤 1&#xff1a;查看当前磁盘分区情况 首先&#xff0c;确保你有未分配的空间在 sda 上。 lsblk步骤 2&#xff1a;创建新的分区 使用 fdisk 或 par…

SpringBoot+Aop+注解方式 实现多数据源动态切换

整体思路&#xff1a; 引入基本依赖SpringBootAopMySqlMyBatislombok在配置文件中配置多个数据源创建数据源配置类用于读取配置编写用于标识切换数据源的注解创建数据源切换工具类DataSourceContextHolder编写切面类用于在注解生效处切换数据源编写配置类&#xff0c;加载数据…

在线文档搜索服务测试报告

目录 1. 项目背景: 2. 项目功能: 3. 测试计划: 1. 项目背景: 1.1 在线搜索服务的前端主要一下几个功能, 分别是进入搜索引擎界面(有提示输入关键词信息); 进行输入关键词的界面, 以及显示有关关键词的文档url, 点击跳转至目标文档的界面; 1.2 该在线搜索服务的文档可以实现用…

2024/9/22周报

文章目录 摘要Abstract可能的数据结构数据集结构 数据处理步骤数据集示例人工智能模型应用关键评估目标评价指标分类应用实例最终目标多目标优化的基本概念1. Pareto最优解&#xff08;Pareto Optimality&#xff09;2. 目标权重法&#xff08;Weighted Sum Method&#xff09;…

Python3 爬虫教程 - Web 网页基础

Web网页基础 1&#xff0c;网页的组成HTMLcssJavaScript2&#xff0c;网页的结构 3&#xff0c;节点树及节点间的关系4&#xff0c;选择器开头代表选择 id&#xff0c;其后紧跟 id 的名称。如&#xff1a;div 节点的 id 为 container&#xff0c;那么就可以表示为 #container 1…

Vue3(二)计算属性Computed,监视属性watch,watchEffect,标签的ref属性,propos属性,生命周期,自定义hook

文章目录 一 、计算属性1. 简写2. 完整写法 二、监视watch1. 监视【ref】定义的【基本类型】数据2. 监视【ref】定义的【对象类型】数据3. 监视【reactive】定义的【对象类型】数据4. 监视【ref】或【reactive】定义的【对象类型】数据中的某个属性5. 监视多个数据总结 三、wat…

matlab之数据处理:滑动平均滤波算法与五点三次平滑算法

关注微♥公众号&#xff1a;“电击小子程高兴的MATLAB小屋”获取专属优惠 一.滑动平均滤波算法 算数平均滤波需要多次采样后才能得出一个有效值&#xff0c;如果被检测量变化较快&#xff0c;多次采样后才输出一次有效值&#xff0c;表现就是系统反应迟钝。将当前采样值与之前…

LLM大模型开源微调宝典:LLaMA Factory,汇聚100+国内外实战教程

LLaMA Factory是一个高效、易用、可扩展的开源全栈大模型微调框架&#xff0c;并得到Hugging Face、Avalon Labs、美团等多家国内外企业的关注或落地应用。 本次分享将从大模型高效训练的角度详细剖析LLaMA Factory的构建动机与组成模块&#xff0c;包括上百种大模型的全栈微调…

19_Python中的上下文管理器

Python中的上下文管理器 在Python中&#xff0c;上下文管理器&#xff08;Context Manager&#xff09;是一种用于资源管理的技术&#xff0c;它可以确保资源在使用后被正确释放&#xff0c;例如文件、网络连接或锁。 上下文管理器&#xff08;Context Manager&#xff09;是…

每日一练:二叉树的直径

543. 二叉树的直径 - 力扣&#xff08;LeetCode&#xff09; 一、题目要求 给你一棵二叉树的根节点&#xff0c;返回该树的 直径 。 二叉树的 直径 是指树中任意两个节点之间最长路径的 长度 。这条路径可能经过也可能不经过根节点 root 。 两节点之间路径的 长度 由它们之…

SpringBoot实现OAuth客户端

背景 5 月份的时候&#xff0c;我实践并整理了一篇博客&#xff1a;SpringBoot搭建OAuth2&#xff0c;该博客完成之后&#xff0c;本以为能对OAuth2的认证机制更加清晰&#xff0c;但我却觉得自己更“迷惘”了。 抛开我在项目中积累的浅薄经验不谈&#xff0c;单从在网…

9月16日笔记

访问控制列表 访问控制列表(ACL)是访问控制项(Access Control Entry , ACE)的列表。安全对象的安全描述可以通过两种访问控制列表DACL和SACL进行。 DACL DACL 是由一条条的访问控制项(ACE)条目构成的&#xff0c;每条ACE定义了哪些用户或组对该对象拥有怎样的访问权限。DACL…

进阶SpringBoot之集合 Redis

&#xff08;在跑 Redis 测试之前&#xff0c;需要先安装 Redis&#xff0c;并开启 Redis 服务&#xff09; Spring Boot 项目添加依赖 NoSQL -> Spring Data Redis pom.xml 文件如下 <dependencies><dependency><groupId>org.springframework.boot<…

实时数据的处理一致性

实时数据一致性的定义以及面临的挑战‍‍‍‍‍ 数据一致性通常指的是数据在整个系统或多个系统中保持准确、可靠和同步的状态。在实时数据处理中&#xff0c;一致性包括但不限于数据的准确性、完整性、时效性和顺序性。 下图是典型的实时/流式数据处理的流程&#xff1a; 1、…