上线前端系统

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

在eleme服务器上

启动服务

启动rpcbind

root@eleme-static \~\]# systemctl restart rpcbind 启动nfs \[root@eleme-static \~\]# systemctl restart nfs 重启服务 启动smb \[root@static-server img\]# systemctl start smb 启动nmb \[root@static-server img\]# systemctl start nmb 挂载 \[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 复制文件 \[root@static-server img\]# cd /usr/local/nginx/conf.d \[root@static-server conf.d\]# cp -p dongdong.conf eleme.conf 修改配置文件 设置域名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; } } 启动服务 启动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" 创建目录 \[root@static-server \~\]# cd /usr/local/nginx/conf.d \[root@static-server conf.d\]# mkdir /eleme 复制内容 \[root@static-server conf.d\]# cp -r \~/eleme_web/dist/\* /eleme/ 重新加载服务 \[root@static-server conf.d\]# /usr/local/nginx/sbin/nginx -s reload 真机配置hosts文件 在真机找到hosts文件 ![](https://i-blog.csdnimg.cn/direct/3e364117a8d64b0997c6428b06e6c703.png) 修改文件内容,指定域名 ![](https://i-blog.csdnimg.cn/direct/2a6b0b06cf1d4f909ca5402abedaa8c4.png) 浏览器访问测试 ![](https://i-blog.csdnimg.cn/direct/1aeca6067f5748d0a55a330ccfd6a0f7.png) 输入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 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 ![](https://i-blog.csdnimg.cn/direct/0e29ccf40e2f459791ac1349544d4844.png) 访问192.168.1.60:8080 ![](https://i-blog.csdnimg.cn/direct/d9808364b3714b04b4a42d6104187b7c.png) 访问192.168.1.70:8080 ![](https://i-blog.csdnimg.cn/direct/dfb024dc0f9b4432800dca92a9c5e522.png) 回到原来主机 复制文件 切入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 文件内容 ![](https://i-blog.csdnimg.cn/direct/c4fb8426bd3e43fa868e6de280409df1.png) \[root@static-server conf.d\]# vim el.conf 修改nginx.conf文件内容 \[root@static-server conf.d\]# vim /usr/local/nginx/conf/nginx.conf ![](https://i-blog.csdnimg.cn/direct/71ffc7f88b9d4a36b1528da607f624d6.png) 修改hosts文件 虚拟机修改hosts文件 \[root@static-server conf\]# vim /etc/hosts ![](https://i-blog.csdnimg.cn/direct/0fb0ba803a3f48d79faae46cb3f8f286.png) 真机修改hosts文件 ![](https://i-blog.csdnimg.cn/direct/e71719e611fb46509879caeaff761b0b.png) 重新加载 \[root@static-server conf.d\]# /usr/local/nginx/sbin/nginx -s reload 浏览器访问测试 使用www.el.com访问 每刷新一次,显示不同的页面,实现了轮询 ![](https://i-blog.csdnimg.cn/direct/1072e1d6f0ea449b98bba81699730ce7.png) ![](https://i-blog.csdnimg.cn/direct/68055fc35522410b8f312e34fbb962f5.png) ![](https://i-blog.csdnimg.cn/direct/7d923608fe424037bbce6a333fbd0b41.png)

相关推荐
Altairr17 分钟前
Docker基础(二)
运维·docker·容器
笑醉踏歌行29 分钟前
NVM,Node.Js 管理工具
运维·ubuntu·node.js
西北大程序猿1 小时前
单例模式与锁(死锁)
linux·开发语言·c++·单例模式
酷爱码1 小时前
在 Linux 中修改 Apache HTTP Server(httpd)默认端口的完整指南
linux·http·apache
happyh h h h p p p p1 小时前
部署DNS从服务器
运维·服务器·网络
jiunian_cn1 小时前
【Linux】Linux权限
linux·服务器·mysql
betazhou2 小时前
有没有 MariaDB 5.5.56 对应 MySQL CONNECTION_CONTROL 插件
linux·数据库·mysql·oracle·mariadb
烟雨书信2 小时前
Linux中MySQL的逻辑备份与恢复
linux·运维·mysql
wkj0012 小时前
QuaggaJS 配置参数详解
java·linux·服务器·javascript·quaggajs
藥瓿亭3 小时前
K8S认证|CKS题库+答案| 5.日志审计
linux·运维·docker·云原生·容器·kubernetes·cka