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

一、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.rhkb.cn/news/430386.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

分享几种方式获取免费精致的Live2d模型

文章目录 1、 Live2D官方示例数据集(可免费下载)2、模之屋3、unity商店4、直接b站搜索5、youtube6、BOOTH完结 1、 Live2D官方示例数据集(可免费下载) 官方提供了一些 Live2D实例模型给大家下载使用 地址:https://ww…

Unity webgl跨域问题 unity使用nginx设置跨域 ,修改请求头

跨域 什么是跨域 跨域是指浏览器因安全策略限制,阻止一个域下的网页访问另一个域下的资源。 一些常见的跨域情况: 协议不同 从 http://example.com 请求 https://example.com。域名不同 从 http://example.com 请求 http://anotherdomain.com。端口不…

高效高质量SCI论文撰写及投稿

第一章、论文写作准备即为最关键 1、科技论文写作前期的重要性及其分类 2、AI工具如何助力学术论文 3、研究主题确定及提高创新性 兴趣与背景:选择一个您感兴趣且有背景知识的研究领域。 创新性:选题和研究设计阶段如何提高学术创新性的方法。 研究缺…

Python3 爬虫教程 - Web 网页基础

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

CentOS7更换阿里云yum更新源

目前CentOS内置的更新安装源经常报错无法更新,或者速度不够理想,这个时候更换国内的镜像源就是一个不错的选择。 备份内置更新源 mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup 下载阿里云repo源(需要系统…

9.23-部署项目

部署项目 一、先部署mariadb [rootk8s-master ~]# mkdir aaa [rootk8s-master ~]# cd aaa/ [rootk8s-master aaa]# # 先部署mariadb [rootk8s-master aaa]# # configmap [rootk8s-master aaa]# vim mariadb-configmap.yaml apiVersion: v1 kind: ConfigMap metadata:name: ma…

工业机器视觉中的常见需求

目录 学习目的 熟系 Halcon的原因 专业性强: 高性能: 丰富的功能库 学习 OpenCV 的原因 开源与免费: 灵活性与可扩展性: 广泛的应用: 学习资源丰富: 总结 学习背景 工业视觉检测中常见分类 一、定…

D. Minimize the Difference (Codeforces Round 973 Div. 2)

D. Minimize the Difference 思路: 发现操作是单向的从左往右取高补低,最终目标是尽可能趋于平均,使最大值最小和使最小值最大。可以用二分答案法分别找到两个最值,然后做差即可。 关于这种算法的正确性没有做严格的证明&#x…

基于单片机的无线宠物自动喂食系统设计

本设计研究了一种无线宠物自动喂食器,其功能是先将宠物饲料放入其中,通过设定喂食时间点,当到达这一时间点后,系统开始播报语音同时控制步进电机转动,自动进行喂食。本设计主要研究怎么设定时间并进行投喂,…

npm 安装 与 切换 淘宝镜像

一、镜像源 npm默认镜像源是国外的,安装依赖速度较慢,使用国内的镜像源速度会快一些。 1、设置淘宝镜像源: #最新地址 淘宝 NPM 镜像站喊你切换新域名啦! npm config set registry https://registry.npm.taobao.org(弃用了&…

C++11新特性和扩展(1)

个人主页:C忠实粉丝 欢迎 点赞👍 收藏✨ 留言✉ 加关注💓本文由 C忠实粉丝 原创 C11新特性和扩展 收录于专栏 [C进阶学习] 本专栏旨在分享学习C的一点学习笔记,欢迎大家在评论区交流讨论💌 目录 1.C11简介 2. 列表初始…

phpstudy 建站使用 php8版本打开 phpMyAdmin后台出现网页提示致命错误:(phpMyAdmin这是版本问题导致的)

报错提示: 解决方法:官网下载phpmyadmin 5.2.1版本。 下载地址:phpMyAdmin 将网站根目录phpMyAdmin4.8.5里面的文件换成 官网下载的5.2.1版本即可。 重启网站,打开phpMyAdmin后台即可(若打不开更改 mysql密码即可&am…

Algo-Lab 2 Stack Queue ADT

Lab 2: Stack & Queue ADT Part 1 ​ 这里只说一下最小栈的思路,我们可以在定义一个栈,来同步存储当前情况下的占的最小值。最小栈第一时间的想法可能是设定一个变量,每次push进来栈中的元素进行对比,保持最小值,…

pikachu XXE(XML外部实体注入)通关

靶场&#xff1a;pikachu 环境: 系统&#xff1a;Windows10 服务器&#xff1a;PHPstudy2018 靶场&#xff1a;pikachu 关卡提示说&#xff1a;这是一个接收xml数据的api 常用的Payload 回显 <?xml version"1.0"?> <!DOCTYPE foo [ <!ENTITY …

C++在Linux实现多线程和多进程的TCP服务器和客户端通信

多进程版本 服务器 #include <arpa/inet.h> #include <stdlib.h> #include <stdio.h> #include <string.h> #include <unistd.h> #include <sys/socket.h> #include <sys/wait.h> #include <signal.h> #include <string&…

828华为云征文 | 云服务器Flexus X实例,Docker集成搭建Mysql集群

828华为云征文 | 云服务器Flexus X实例&#xff0c;Docker集成搭建Mysql集群 MySQL 集群是一种高可用性、高性能的数据库解决方案&#xff0c;旨在支持分布式应用程序&#xff0c;允许多个 MySQL 实例以集群的方式共同工作&#xff0c;提供数据冗余和故障恢复能力 搭建Mysql集群…

【QT基础】创建项目项目代码解释

目录 前言一&#xff0c;使⽤Qt Creator 新建项目1. 新建项目2. 选择项⽬模板3. 选择项⽬路径4. 选择构建系统5. 填写类信息设置界⾯6. 选择语⾔和翻译⽂件7. 选择Qt套件8. 选择版本控制系统9. 最终效果 二&#xff0c;项目代码说明1. main.cpp文件2. Widget.h文件3. Widget.cp…

吉时利keiithley2440高精度测试仪KEITHLEY2410/2450数字源表

Keithley 2440数字源表&#xff0c;40V&#xff0c;5A&#xff0c;50W 其他功能&#xff1a; 四象限运行基本精度为 0.012%&#xff0c;分辨率为 5 1⁄2 位具有可编程电流源和电压钳的 6 线 Ω 测量通过 GPIB 以 4 1⁄2 位数字读取 1700 个读数/秒内置比较器&#xff0c;用于…

【java面经】Redis速记

目录 基本概念 string hash list set zset 常见问题及解决 缓存穿透 缓存击穿 缓存雪崩 Redis内存管理策略 noeviction allkeys-lru allkeys-random volatile-random volatile-ttl Redis持久化机制 RDB快照 AOF追加文件 Redis多线程特性 Redis应用场景 缓…

力扣反转链表系列【25. K 个一组翻转链表】——由易到难,一次刷通!!!

力扣《反转链表》系列文章目录 刷题次序&#xff0c;由易到难&#xff0c;一次刷通&#xff01;&#xff01;&#xff01; 题目题解206. 反转链表反转链表的全部 题解192. 反转链表 II反转链表的指定段 题解224. 两两交换链表中的节点两个一组反转链表 题解325. K 个一组翻转…