云计算实训19——上线一个静态的前端系统(续)

news2024/9/20 14:45:42

上线一个静态的前端系统(续)

准备工作

在eleme服务器上:

启动服务

启动rpcbind

[root@eleme-static ~]# systemctl restart rpcbind

启动nfs

[root@eleme-static ~]# systemctl restart nfs

在static-server主机上:

1.重启服务
启动smb  

[root@static-server img]# systemctl start smb

启动nmb

[root@static-server img]# systemctl start nmb

2.挂载

[root@static-server img]# mount -t nfs 192.168.1.80:/static/img/ ~/eleme_web/public/img/

查看验证
切入到eleme_web/public/img目录

[root@static-server ~]# cd eleme_web/public/ img/
[root@static-server img]# ls
baidu.png

3.复制文件

[root@static-server img]# cd /usr/local/nginx/conf.d
[root@static-server conf.d]# cp -p dongdong.conf eleme.conf

4.修改配置文件
设置域名www.eleme.com,设置目录

 [root@static-server conf.d]# vim eleme.conf 
       server{
                listen  80;
                server_name     www.eleme.com;
                root            /eleme;
                location / {
                        index   index.html;
                }

        }

5.启动服务
启动nginx

[root@static-server conf.d]# /usr/local/nginx/sbin/nginx 

启动npm

[root@static-server conf.d]# cd
[root@static-server ~]# cd eleme_web/
[root@static-server eleme_web]# nohup npm run serve&
[3] 4417
[root@static-server eleme_web]# nohup: 忽略输入并把输出追加到"nohup.out"

6.创建目录

[root@static-server ~]# cd /usr/local/nginx/conf.d
[root@static-server conf.d]# mkdir /eleme

7.复制内容

[root@static-server conf.d]# cp -r ~/eleme_web/dist/* /eleme/


8.重新加载服务

[root@static-server conf.d]# /usr/local/nginx/sbin/nginx -s reload

9.真机配置hosts文件

在真机找到hosts文件

修改文件内容,指定域名


10.浏览器访问测试

输入www.eleme.com进行访问到下面页面

新建三台主机

dymic-server1:192.168.1.50

dymic-server2:192.168.1.60

dymic-server3:192.168.1.50

分别在它们上面部署tomcat,部署tomcat前先配置java环境

安装wget

yum -y install wget

部署jdk

java环境的配置
官方下载:
https://download.oracle.com/java/22/latest/jdk-22_linux-x64_bin.tar.gz

使用wget下载

wget https://download.oracle.com/java/22/latest/jdk-22_linux-x64_bin.tar.gz

解压

tar -zxvf jdk-22_linux-x64_bin.tar.gz 

转移目录

mv jdk-22.0.2 /usr/local/Java-22

配置profile文件

vim /etc/profile

echo " export JAVA_HOME=/usr/local/jdk-22
export PATH=$JAVA_HOME/bin:$PATH

让配置文件生效

source  /etc/profile

查看版本号

java -version

部署tomcat

官方下载:
https://dlcdn.apache.org/tomcat/tomcat-10/v10.1.26/bin/apache-tomcat-10.1.26.tar.gz

使用wget下载

wget https://dlcdn.apache.org/tomcat/tomcat-10/v10.1.26/bin/apache-tomcat-10.1.26.tar.gz

解压

tar -zxvf apache-tomcat-10.1.26.tar.gz

转移目录

mv apache-tomcat-10.1.26 /usr/local/tomcat/

执行文件

切入/usr/local/tomcat目录

cd /usr/local/tomcat/bin/

执行文件

./startup.sh

到此三台dymic主机均部署完成

写入内容

分别给三台dymic主机的index.jsp文件写入内容

dymic-server1:

echo "I am dynamic jsp java server page,number is 001" > /usr/local/tomcat/webapps/ROOT/index.jsp 

dymic-server2:

echo "I am dynamic jsp java server page,number is 002" > /usr/local/tomcat/webapps/ROOT/index.jsp 

dymic-server3:

echo "I am dynamic jsp java server page,number is 003" > /usr/local/tomcat/webapps/ROOT/index.jsp 

浏览器访问

访问192.168.1.50:8080

访问192.168.1.60:8080

访问192.168.1.70:8080

回到原来static-server主机:

复制文件

切入conf.d目录

[root@static-server nginx]# cd conf.d/

找到eleme.conf文件

[root@static-server conf.d]# ls
dongdong.conf  eleme.conf

将其复制为el.conf文件

[root@static-server conf.d]# cp eleme.conf el.conf

查看

[root@static-server conf.d]# ls
dongdong.conf  el.conf  eleme.conf

修改配置文件内容

修改el.conf 文件内容


[root@static-server conf.d]# vim el.conf 

修改nginx.conf文件内容

[root@static-server conf.d]# vim /usr/local/nginx/conf/nginx.conf

修改hosts文件

虚拟机修改hosts文件

[root@static-server conf]# vim /etc/hosts

真机修改hosts文件

重新加载

[root@static-server conf.d]# /usr/local/nginx/sbin/nginx -s reload

浏览器访问测试

使用www.el.com访问

每刷新一次,显示不同的页面,实现了轮询

至此,今天的内容就结束了

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

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

相关文章

重塑汽车制造未来:3D插图技术大师,零误差高效驱动新时代

在当今快速革新的汽车制造领域,高效、精准的产品设计与制造流程已成为众多车企破浪前行的核心引擎。但随着市场竞争的日益激烈,在产品设计与制造中,传统二维CAD设计的局限性越发明显——设计周期长、沟通成本高、错误频发及资源利用低效等问题…

AI算力租赁是什么,哪些行业会有需求?

一、AI算力租赁的定义与概述 AI算力租赁是指基于人工智能(AI)应用需求,将所需的计算能力(即算力)通过租赁服务的方式提供给企业和个人用户。这种服务允许用户根据需要租用人工智能计算资源,如图形处理单元…

[网鼎杯2018]Unfinish解题,五分钟带你解题

目录 前期准备 ​编辑 扫描目录 寻找注入点 构建payload: 开始注入: 寻找过滤规则 绕过过滤 构建python脚本 提交flag 总结 前期准备 这道题是2018年网鼎杯的一道题,是比较经典的一道sql二次注入的题,我们一起来看一下 …

B1.3 程序状态寄存器PSTATE的介绍

快速链接: . 👉👉👉 ARMv8/ARMv9架构入门到精通-[目录] 👈👈👈 付费专栏-付费课程 【购买须知】个人博客笔记导读目录(全部) B1.3 进程状态,PSTATE* 程序状态寄存器或PSTATE,是程序状态信息的抽象。所有指令集都提供操作 PSTATE 元素的指令。 以下 PSTATE 信…

第二十一天内容

上午 4、mysql基础命令 5、mysql操作命令 ------------------------------------------------------------------------------------------------------------------------------- 下午 1、脚本安装mysql 2、mysql命令回顾 3、mysql用户权限设置 4、命令练习 6、权限角色 7、…

按xls标签替换docx及xls内容

WPSoffice环境下,需要批量替换doc文档及xls表格某些内容,在windows下,可以用VBA宏实现,先建一个标签表格,然后按标签批量替换。但在Linux下,WPS表格宏不能跨文档操作WPS文字,于是想用python实现…

工程架构简析

文内项目 Github:XIAOJUSURVEY 架构 架构的设计最终是为了场景可以快速扩展,基于工程底座,使用者能够专注于业务领域的深入。 B端:面向问卷管理者,专注于问卷管理、问卷投放和数据分析三大核心能力的建设。&#xff0…

vue3实现商品图片放大镜效果(芋道源码yudao-cloud 二开笔记)

今天开发一个防某商城的商品图片放大镜,鼠标移动到图片位置时,右侧出现一个已放大的图片效果。 示例如下: 下图的图片的放大效果和小图的切换封装成了组件PicShow.vue,可根据需求自行修改,如下: 第一步&…

鸿蒙应用服务开发【钱包服务(ArkTS)】

介绍 基于Stage模型,提供钱包交通卡和Pass卡的开卡、预览卡、查询卡信息、更新卡片信息、删除卡片、初始化钱包环境等功能。 效果预览 具体实现 交通卡 在hms.core.payment.walletTransitCard中定义了钱包交通卡接口API,示例接口如下: /*…

【漏洞复现】用友NC Cloud系统queryPsnInfo接口SQL注入

文章目录 0x00 漏洞描述影响范围 0x01 测绘工具0x02 漏洞复现0x03 Nuclei检测脚本0x04 修复建议0x05 免责声明 0x00 漏洞描述 用友NC Cloud存是一款大型企业数字化平台。 在受影响的版本中,攻击者可以通过未授权访问 /ncchr/pm/obj/queryPsnInfo 接口,利…

综合安防管理平台LntonCVS视频监控汇聚平台视频数据智能化与资源共享方案

随着全球城市化进程的加快,智慧城市概念日益受到重视。在这一趋势下,LntonCVS视频汇聚平台作为新型智慧城市的重要智能基础设施之一,扮演着关键角色。该平台整合、接入和管理城市中各类视频资源,涵盖公共安全视频、交通监控、城市…

【五大海内外高校支持】2024年数字经济与计算机科学国际学术会议(DECS2024)

大会官网:www.icdecs.net 大会时间:2024年9月20-22日 大会地点:中国-厦门 截稿日期:详情见官网 支持单位 马来西亚理工大学 北京科技大学经济管理学院 南京信息工程大学 马来西亚敦胡先翁大学 大会嘉宾 大会主席 罗航…

opencascade AIS_ViewController源码学习 视图控制、包含鼠标事件等

opencascade AIS_ViewController 前言 用于在GUI和渲染线程之间处理视图器事件的辅助结构。 该类实现了以下功能: 缓存存储用户输入状态(鼠标、触摸和键盘)。 将鼠标/多点触控输入映射到视图相机操作(平移、旋转、缩放&#xff0…

Mybatis(Day 18)

数据持久化是将内存中的数据模型转换为存储模型,以及将存储模型转换为内存中数据模型的统称。MyBatis 支持定制化 SQL、存储过程以及高级映射,可以在实体类和 SQL 语句之间建立映射关系,是一种半自动化的 ORM 实现。ORM(Object Re…

系统运维——PXE自动安装系统

摘要 PXE(Preboot Execution Environment,预启动执行环境)是一种允许计算机通过网络启动操作系统而无需本地存储设备的技术。本文详细介绍了 PXE 的定义、架构、原理、应用场景及常见命令体系。以 RedHat7 为例,展示如何配置和使…

Tooltip 文字提示

在偶然维护前端开发时,遇到页面列表中某个字段内容太长,且该字段使用了组件显示,导致不能使用纯文本得那个省略号代替显示得css样式效果,如下 所以只能另辟溪路了, 1、最开始想到是使用横向滚动得效果来实现&#xff…

【Vue3】Pinia存储及读取数据

【Vue3】Pinia存储及读取数据 背景简介开发环境开发步骤及源码 背景 随着年龄的增长,很多曾经烂熟于心的技术原理已被岁月摩擦得愈发模糊起来,技术出身的人总是很难放下一些执念,遂将这些知识整理成文,以纪念曾经努力学习奋斗的日…

如何用OceanBase与DataWorks,打造一站式的数据集成、开发和数据服务

导语:在OceanBase 2024年开发者大会的技术生态论坛上,阿里云DataWorks团队的高级技术专家罗海伟,详细阐述了一站式大数据开发治理平台DataWorks的能力,并对于如何基于OceanBase和Dataworks构建一站式数据集成、开发以及数据服务进…

解锁模数学习新境界:电路仿真软件,你的数字与模拟世界桥梁大师!

在这个科技日新月异的时代,模数转换(A/D与D/A)不仅是电子工程师的必修课,也是众多科技爱好者探索数字与模拟世界奥秘的钥匙。而今,一款强大的电路仿真软件,正悄然成为连接这两大领域的魔法棒,让…

Animate软件基础:各种类型文件使用说明

FlashASer:AdobeAnimate2021软件零基础入门教程https://zhuanlan.zhihu.com/p/633230084 FlashASer:实用的各种Adobe Animate软件教程https://zhuanlan.zhihu.com/p/675680471 FlashASer:Animate教程及作品源文件https://zhuanlan.zhihu.co…