当前位置: 首页 > news >正文

华为云云耀云服务器L实例评测|初始化centos镜像到安装nginx部署前端vue、react项目

文章目录

    • ⭐前言
    • ⭐购买服务器
      • 💖 选择centos镜像
    • ⭐在控制台初始化centos镜像
      • 💖配置登录密码
    • ⭐在webstorm ssh连接 服务器
    • ⭐安装nginx
        • 💖 wget 下载nginx
        • 💖 解压运行
    • ⭐添加安全组
    • ⭐nginx 配置
      • ⭐部署vue
      • 💖 使用默认的nginx 静态资源文件夹
      • 💖 自定义静态资源文件夹
      • ⭐部署react
    • ⭐总结
    • ⭐结束

huawei-logo

yma16-logo

⭐前言

大家好,我是yma16,本文分享关于华为云云耀云服务器L实例评测|初始化centos镜像到安装nginx部署前端vue、react项目。
什么是云服务器
云服务器,有时也称为虚拟服务器或私有服务器,是托管在互联网上的虚拟计算服务器,用户可以通过网络远程访问。与数据中心的传统物理服务器一样,云服务器提供计算和存储功能,支持相同的操作系统和应用程序,并保留相似的性能特征。

服务器虚拟化已经迅速占据了当今的技术领域,导致云计算的日益普及。云服务器现已成为云技术不可或缺的一部分,为所有类型的云计算交付模型提供支持,包括软件即服务 (SaaS)、平台即服务 (PaaS) 和基础架构即服务 (IaaS)。

华为云发展历史
华为云是华为技术有限公司旗下的云计算服务品牌,在国内外均有较高的知名度和市场份额。其发展历史大致可分为以下几个阶段:

  1. 2011年:华为开始筹备云计算事业部,成立了云计算战略委员会。
  2. 2012年:华为推出了云计算解决方案,并开始在国内外投放云计算广告。
  3. 2013年:华为云发布了第一个云计算产品——“华为云计算平台”,并在国内与阿里云、腾讯云等厂商展开了竞争。
  4. 2014年:华为云开始布局人工智能领域,与美国的IBM、谷歌等公司合作,推出了基于云计算的人工智能服务。
  5. 2015年:华为云开始在国外市场拓展,与亚马逊AWS、微软Azure等云计算巨头展开竞争。
  6. 2016年:华为云在中国大陆建立了多个数据中心,并开始向政府、金融、电信等领域提供云计算服务,与国内的腾讯云、阿里云等公司展开竞争。
  7. 2017年:华为云持续推出新产品,涉及容器、物联网、区块链等领域,同时加强与合作伙伴的合作。
  8. 2018年:华为云正式进军云主机市场,并开始布局海外市场,与新加坡电信、泰国电信等合作推广云计算服务。
  9. 2019年:华为云开始在欧洲、拉美等地区拓展市场,并加强在AI、大数据等领域的创新发展。

⭐购买服务器

官网链接:https://www.huaweicloud.com/product/hecs-light.html
注册华为云账号,登录官网可以选择服务器购买

💖 选择centos镜像

对于计算机专业的学生,我推荐选择centos系统,指令操作更贴近写代码
centos
填写镜像实例名称和选择适当的租用时间购买
select-time
使用优惠卷购买
sale

⭐在控制台初始化centos镜像

前往华为云控制台查看服务器
console

💖配置登录密码

为了环境轻量,选择重置系统并设置密码
set-root
查看公网ip 121.36.66.2
ip
确认安全组端口 22 打开
safeport

⭐在webstorm ssh连接 服务器

选择ssh
webstorm-ssh
使用 ip root 和密码登录
ssh
登录成功
bash-panel

⭐安装nginx

创建目录nginx

$ mkdir -p /usr/local/nginx

nginx 官网下载地址:https://nginx.org/en/download.html
nginx-url

💖 wget 下载nginx

复制nginx压缩包链接下载 wget 下载链接获取文件

$ wget https://nginx.org/download/nginx-1.22.1.tar.gz

下载成功!
wget

💖 解压运行

tar解压tar包

$ tar -zxvf nginx-1.22.1.tar.gz

前提 安装编译环境

$ yum -y install gcc-c++
$ yum -y install pcre pcre-devel
$ yum -y install zlib zlib-devel
$ yum -y install openssl openssl-devel

进入nginx 目录 安装

$ cd nginx-1.22.1
$ ./configure
$ make && make install

执行完成之后 nginx 运行文件 就会被安装在 /usr/local/nginx 下
安装成功!
install-nginx

进入nginx运行测试

$ cd  /usr/local/nginx 
$ ./sbin/nginx -t

test-nginx
查看 80端口运行成功!

$ lsof -i :80

lsof

⭐添加安全组

在安全组添加80端口
port-rule访问ip 121.36.66.2 即可访问nginx的代理前端资源

⭐nginx 配置

nginx配置文件在 conf/nginx.conf

⭐部署vue

上传vue前端到目录/web-server/front-project/dist

💖 使用默认的nginx 静态资源文件夹

  1. vue打包目录就放在 nginx 默认 html静态文件夹
location / {try_files $uri $uri/ /index.html;
}

💖 自定义静态资源文件夹

# 路径
location / {root /web-server/front-project/dist;try_files $uri $uri/ @router;index index.html index.htm;
}
# @router配置
location @router {rewrite ^.*$ /index.html last;
}
# 静态资源代理
location /myblog_static {alias /web-server/front-project/dist//myblog_static/;
}

效果:
https://yongma16.xyz/
myblog

⭐部署react

将react项目打包上传到 目录/web_server/front_project/backFront/dist
配置项部署静态打包文件

location /back-front{
alias /web_server/front_project/backFront/dist;
try_files $uri $uri/ /back-front/index.html;
index index.html index.htm;
}

访问ip+/back-front即可预览react项目

⭐总结

云服务器的优势主要包括:

  1. 可扩展性强:云服务器可以根据实际需求进行快速扩容和缩容。

  2. 高可用性:云服务器提供多地域部署和灾备容灾机制,确保业务的高可用性和容灾能力。

  3. 灵活性:云服务器可以提供多种操作系统和应用程序环境,适应不同业务和应用的需求。

  4. 安全性高:云服务器提供多层次的安全防护机制,保障用户数据安全。

  5. 成本控制:云服务器可以根据实际需求进行按量付费,避免投入大量资金购买服务器,降低了成本。

  6. 节约资源:云服务器可以让多个用户共享资源,避免了服务器资源的浪费和闲置。

云服务器适合以下人群:

  1. 网站运营者:云服务器可以提供更可靠和强大的计算资源,可以支持高流量和复杂的网站。

  2. 开发者和程序员:云服务器可以提供创建和测试应用程序所需的自定义环境。

  3. 数据库管理员:云服务器可以提供可扩展的存储空间和更高的安全性来管理企业数据。

  4. 游戏开发者和游戏服务器管理员:云服务器可以提供可靠的游戏服务器和支持高并发访问的网络基础设施。

  5. 大数据分析师:云服务器可以提供强大的计算资源和可扩展的存储空间来处理大规模数据集。

云服务器适合需要灵活、可扩展和高性能计算资源的人群。

⭐结束

本文分享到这结束,如有错误或者不足之处欢迎指出!
earth

👍 点赞,是我创作的动力!
⭐️ 收藏,是我努力的方向!
✏️ 评论,是我进步的财富!
💖 最后,感谢你的阅读!

相关文章:

华为云云耀云服务器L实例评测|初始化centos镜像到安装nginx部署前端vue、react项目

文章目录 ⭐前言⭐购买服务器💖 选择centos镜像 ⭐在控制台初始化centos镜像💖配置登录密码 ⭐在webstorm ssh连接 服务器⭐安装nginx💖 wget 下载nginx💖 解压运行 ⭐添加安全组⭐nginx 配置⭐部署vue💖 使用默认的ng…...

python项目制作docker镜像,加装引用模块,部署运行!

一、创建Dockerfile # 基于python:3.10.4版本创建容器 FROM python:3.10.4 # 在容器中创建工作目录 RUN mkdir /app # 将当前Dockerfile目录下的所有文件夹和文件拷贝到容器/app目录下 COPY . /app# 由于python程序用到了requests模块和yaml模块, # python:3.10.4基…...

Redis缓存设计与性能优化

多级缓存架构 缓存设计 缓存穿透 缓存穿透是指查询一个根本不存在的数据, 缓存层和存储层都不会命中, 通常出于容错的考虑, 如果从存储层查不到数据则不写入缓存层。缓存穿透将导致不存在的数据每次请求都要到存储层去查询, 失去…...

免杀对抗-Python-混淆算法+反序列化-打包生成器-Pyinstall

Python-MSF/CS生成shellcode-上线 cs上线 1.生成shellcode-c或者python 2.打开pycharm工具,创建一个py文件,将原生态执行代码复制进去 shellcode执行代码: import ctypesfrom django.contrib.gis import ptr#cs#shellcodebytearray(b"生…...

C#__线程池的简单介绍和使用

/*线程池原理&#xff1a;&#xff08;有备无患的默认备用后台线程&#xff09;特点&#xff1a;线程提前建好在线程池;只能用于运行时间较短的线程。*/class Program{static void Main(string[] args){for (int i 0; i < 10; i){ThreadPool.QueueUserWorkItem(Download); …...

安全员(岗位职责)

一、 安全员 是工程项目安全生产、文明施工的直接管理者和责任人,在业务上向 公司 负责; 二、贯彻安全条例和文明施工标准是安全员 工作 准则,执行相关规章、规程是安全员的责任; 三、办理开工前安全监审和安全开工审批,编制项目工程安全监督计划,上报安全措施和分项工程安全施…...

unity 使用声网(Agora)实现语音通话

第一步、先申请一个声网账号 [Agora官网链接]&#xff08;https://console.shengwang.cn/&#xff09; 第二步在官网创建项目 &#xff0c;选择无证书模式&#xff0c;证书模式需要tokenh和Appld才能通话 第三步 官网下载SDK 然后导入到unity&#xff0c;也可以直接在unity商店…...

vue2.X 中使用 echarts5.4.0实现项目进度甘特图

vue2.X 中使用 echarts5.4.0实现项目进度甘特图 效果图&#xff1a; 左侧都是名称&#xff0c;上面是时间&#xff0c;当中的内容是日志内容 组件&#xff1a; gantt.vue <template><div id"main" style"width: 100%; height: 100%"></…...

《PostgreSQL与NoSQL:合作与竞争的关系》

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f405;&#x1f43e;猫头虎建议程序员必备技术栈一览表&#x1f4d6;&#xff1a; &#x1f6e0;️ 全栈技术 Full Stack: &#x1f4da…...

【FAQ】视频监控管理平台/视频汇聚平台EasyCVR安全检查相关问题及解决方法3.0

智能视频监控系统/视频云存储/集中存储/视频汇聚平台EasyCVR具备视频融合汇聚能力&#xff0c;作为安防视频监控综合管理平台&#xff0c;它支持多协议接入、多格式视频流分发&#xff0c;视频监控综合管理平台EasyCVR支持海量视频汇聚管理&#xff0c;可应用在多样化的场景上&…...

Java 8 新特性解读及应用实践

Java 8 新特性解读及应用实践 一、简介二、Lambda表达式三、流式编程四、日期/时间API1. 概述2. LocalDate、LocalTime、LocalDateTime等类的使用3. 格式化与解析 五、重复注解和类型注解1. 概念与作用2. 重复注解实例3. 类型注解实例 六、小结回顾 一、简介 Java 8带来了众多…...

C++项目实战——基于多设计模式下的同步异步日志系统-④-日志系统框架设计

文章目录 专栏导读模块划分日志等级模块日志消息模块日志消息格式化模块日志消息落地模块日志器模块日志器管理模块异步线程模块 模块关系图 专栏导读 &#x1f338;作者简介&#xff1a;花想云 &#xff0c;在读本科生一枚&#xff0c;C/C领域新星创作者&#xff0c;新星计划导…...

计算机专业毕业设计项目推荐02-个人医疗系统(Java+原生Js+Mysql)

个人医疗系统&#xff08;Java原生JsMysql&#xff09; **介绍****系统总体开发情况-功能模块****各部分模块实现** 介绍 本系列(后期可能博主会统一为专栏)博文献给即将毕业的计算机专业同学们,因为博主自身本科和硕士也是科班出生,所以也比较了解计算机专业的毕业设计流程以…...

Nginx__高级进阶篇之LNMP动态网站环境部署

动态网站和LNMP&#xff08;LinuxNginxMySQLPHP&#xff09;都是用于建立和运行 web 应用程序的技术。 动态网站是通过服务器端脚本语言&#xff08;如 PHP、Python、Ruby等&#xff09;动态生成网页内容的网站。通过这种方式&#xff0c;动态网站可以根据用户的不同请求生成不…...

Zebec 生态 AMA 回顾:Nautilus 以及 $ZBC 的未来

在9月7日&#xff0c;Zebec创始人Sam做客社区&#xff0c;并进行了“Nautilus Chain以及$ZBC的未来”主题的AMA访谈。Sam在本次访谈中对Nautilus Chain生态的价值捕获、Zebec生态布局规划、可能会推出的Nautilus Chain治理通证NAUT进行了解读。本文将对本次AMA进行回顾与总结。…...

NXP iMX8MM 修改 UART4至 Cortex-A53 核心

By Toradex秦海 1). 简介 NXP iMX8MM SoC UART-4 接口在默认的 ATF(ARM Trusted Firmware) 中被 RDC 分配给了 Cortex-M4 核心&#xff0c;用作 M4 核心的 Debug UART。如果这时候在 Cortex-A53 核心 Linux Devcie-tree 配置中使能 UART-4&#xff0c;就会出现 Kernel Oops 错…...

C#控制台程序中使用log4.net来输出日志

Apache log4net 库是一个帮助程序员将日志语句输出到各种输出目标的工具。log4net 是优秀的 Apache log4j™ 框架到 Microsoft .NE​​T 运行时的端口。 我喜欢他可以自定义输出&#xff0c;区分等级等特点。 导入库 我们在工程里添加NuGet的包。输入名称log4net &#xff0…...

用GPT干的18件事,能够真正提高学习生产力,建议收藏

用GPT干的18件事&#xff0c;能够真正提高学习生产力&#xff0c;建议收藏。 语法更正 文本翻译 语言转换 代码解释 修复代码错误 作为百科全书 信息提取 好友聊天 创意生成器 采访问题 论文大纲 故事创作 问题类比 创建 SQL 需求 情感分析 将产品描述转变为广告 关键字提取 闲…...

线性代数的本质(二)——线性变换与矩阵

文章目录 线性变换与矩阵线性变换与二阶方阵常见的线性变换复合变换与矩阵乘法矩阵的定义列空间与基矩阵的秩逆变换与逆矩阵 线性变换与矩阵 线性变换与二阶方阵 本节从二维平面出发学习线性代数。通常选用平面坐标系 O x y Oxy Oxy &#xff0c;基向量为 i , j \mathbf i,…...

JavaScript获取字符串的字节长度

概要 提示&#xff1a;大家都知道&#xff0c;获取字符串的长度可用length来获取。 那么获取这段字符串的字节数呢&#xff1f;英文字母肯定lenght和字节数都一样&#xff1a;都是1而中文lenght1&#xff0c;字节数2因此&#xff0c;需要作的就是把中文字符的字节数计算出来。 …...

[2023.09.13]: Rust Lang,避不开的所有权问题

Rust的所有权问题&#xff0c;在我学Rust的时候就跳过了&#xff0c;因为我知道这玩意儿没有场景就不好理解。没想到场景很快就出现了。 在开发Yew应用组件的时候&#xff0c;涉及到了事件&#xff0c;闭包&#xff0c;自然就引出了所有权问题。 话不多说&#xff0c;下面让我们…...

Redux中间件源码解析与实现

基本介绍 本文中涉及到的关键npm包的版本信息如下&#xff1a; react 的版本为18.2.0 redux的版本为4.1.2 redux-thunk版本为2.4.2 redux-promise版本为0.6.0 redux-logger版本为3.0.6 在Redux源码解析与实现&#xff08;一&#xff09;Redux源码解析与实现&#xff08;二&…...

关于rsync用不了之后

1.尝试找出rsync使用错误原因&#xff1a; 我遇见一个问题&#xff1a;rsync:read errors mapping&#xff1a;communication error on send &#xff08;70&#xff09;&#xff0c;我查了一下这个问题很大可能是网络链接导致的&#xff0c;然后我用nslookup指令查看了/train2…...

由一个多线程并发保存而引发的思考

1. 问题描述 问题描述,现A表(用户查看实验的次数)有user_id和exp_id两个字段,其中user_id加exp_id不唯一。B表有user_id,exp_id以及exp_num三个字段,其中user_id加exp_id唯一(表中未建唯一索引)。 现需要将A表的数据同步到B表,单机模式通过定时任务同步。A表的数据有…...

python-vlc

文章目录 关于 python-vlc安装使用关于 python-vlc Python vlc bindings github : https://github.com/oaubert/python-vlcPython bindings (ctypes-based) for VLC http://olivieraubert.net/vlc/python-ctypes/关于 VLC 可参考 macOS - 安装使用 VLC https://blog.csdn.net/…...

2023长城杯 web部分题目(seekingeasy_extension)

seeking 下载题目附件得到&#xff1a; <?php error_reporting(0); header("HINT:POST n range(1,10)");$image $_GET[image]; echo "这里什么也没有&#xff0c;或许吧。"; $allow range(1, 10); shuffle($allow); if (($_POST[n] $allow[0])) …...

2-1 张量数据结构

张量概念 张量是什么&#xff1f; 单个元素叫标量&#xff08;scalar&#xff09;&#xff0c;一个序列叫向量&#xff08;vector&#xff09;&#xff0c;多个序列组成的平面叫矩阵&#xff08;matrix&#xff09;&#xff0c;多个平面组成的立方体叫张量&#xff08;tensor&…...

QSqlQuery查询语句

SqlQuery 封装了在 QSqlDatabase 上执行的 SQL 查询中创建、导航和检索数据所涉及的功能。 可用于执行 DML&#xff08;数据操作语言&#xff09;语句&#xff0c;如 SELECT、INSERT、UPDATE 和 DELETE&#xff0c; 以及 DDL&#xff08;数据定义语言&#xff09;语句&#xff…...

用c语言编写出三底模型

以下是一个用C语言实现三底模型的示例代码。这个程序通过循环遍历输入的股票数据&#xff0c;判断是否出现三底形态&#xff0c;如果是&#xff0c;则输出买入信号&#xff0c;否则输出卖出信号。 c语言 #include <stdio.h> #include <stdlib.h> // 判断是否出现…...

15 Python使用MySQL

概述 在上一节&#xff0c;我们介绍了如何在Python中使用网络&#xff0c;包括&#xff1a;套接字编程、socketserver等内容。在这一节&#xff0c;我们将介绍如何在Python中使用MySQL。MySQL是最流行的关系型数据库管理系统之一&#xff0c;由瑞典MySQL AB公司开发&#xff0c…...