当前位置: 首页 > 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;需要作的就是把中文字符的字节数计算出来。 …...

网络编程(Modbus进阶)

思维导图 Modbus RTU&#xff08;先学一点理论&#xff09; 概念 Modbus RTU 是工业自动化领域 最广泛应用的串行通信协议&#xff0c;由 Modicon 公司&#xff08;现施耐德电气&#xff09;于 1979 年推出。它以 高效率、强健性、易实现的特点成为工业控制系统的通信标准。 包…...

YSYX学习记录(八)

C语言&#xff0c;练习0&#xff1a; 先创建一个文件夹&#xff0c;我用的是物理机&#xff1a; 安装build-essential 练习1&#xff1a; 我注释掉了 #include <stdio.h> 出现下面错误 在你的文本编辑器中打开ex1文件&#xff0c;随机修改或删除一部分&#xff0c;之后…...

Objective-C常用命名规范总结

【OC】常用命名规范总结 文章目录 【OC】常用命名规范总结1.类名&#xff08;Class Name)2.协议名&#xff08;Protocol Name)3.方法名&#xff08;Method Name)4.属性名&#xff08;Property Name&#xff09;5.局部变量/实例变量&#xff08;Local / Instance Variables&…...

MODBUS TCP转CANopen 技术赋能高效协同作业

在现代工业自动化领域&#xff0c;MODBUS TCP和CANopen两种通讯协议因其稳定性和高效性被广泛应用于各种设备和系统中。而随着科技的不断进步&#xff0c;这两种通讯协议也正在被逐步融合&#xff0c;形成了一种新型的通讯方式——开疆智能MODBUS TCP转CANopen网关KJ-TCPC-CANP…...

Springcloud:Eureka 高可用集群搭建实战(服务注册与发现的底层原理与避坑指南)

引言&#xff1a;为什么 Eureka 依然是存量系统的核心&#xff1f; 尽管 Nacos 等新注册中心崛起&#xff0c;但金融、电力等保守行业仍有大量系统运行在 Eureka 上。理解其高可用设计与自我保护机制&#xff0c;是保障分布式系统稳定的必修课。本文将手把手带你搭建生产级 Eur…...

【git】把本地更改提交远程新分支feature_g

创建并切换新分支 git checkout -b feature_g 添加并提交更改 git add . git commit -m “实现图片上传功能” 推送到远程 git push -u origin feature_g...

React---day11

14.4 react-redux第三方库 提供connect、thunk之类的函数 以获取一个banner数据为例子 store&#xff1a; 我们在使用异步的时候理应是要使用中间件的&#xff0c;但是configureStore 已经自动集成了 redux-thunk&#xff0c;注意action里面要返回函数 import { configureS…...

【JVM】Java虚拟机(二)——垃圾回收

目录 一、如何判断对象可以回收 &#xff08;一&#xff09;引用计数法 &#xff08;二&#xff09;可达性分析算法 二、垃圾回收算法 &#xff08;一&#xff09;标记清除 &#xff08;二&#xff09;标记整理 &#xff08;三&#xff09;复制 &#xff08;四&#xff…...

关于easyexcel动态下拉选问题处理

前些日子突然碰到一个问题&#xff0c;说是客户的导入文件模版想支持部分导入内容的下拉选&#xff0c;于是我就找了easyexcel官网寻找解决方案&#xff0c;并没有找到合适的方案&#xff0c;没办法只能自己动手并分享出来&#xff0c;针对Java生成Excel下拉菜单时因选项过多导…...

tomcat指定使用的jdk版本

说明 有时候需要对tomcat配置指定的jdk版本号&#xff0c;此时&#xff0c;我们可以通过以下方式进行配置 设置方式 找到tomcat的bin目录中的setclasspath.bat。如果是linux系统则是setclasspath.sh set JAVA_HOMEC:\Program Files\Java\jdk8 set JRE_HOMEC:\Program Files…...