上线前端系统

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

在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)

相关推荐
yzx99101316 分钟前
服务器生成图片
运维·服务器
db_murphy1 小时前
Oracle数据块8KB、OS默认认块管理4KB,是否需调整大小为一致?
linux
小阳睡不醒4 小时前
小白成长之路-部署Zabbix7(二)
android·运维
mCell4 小时前
从删库到跑路?这50个Linux命令能保你职业生涯
linux·windows·macos
杰克逊的日记4 小时前
GPU运维常见问题处理
linux·运维·gpu
caolib5 小时前
无需云服务器的内网穿透方案 -- cloudflare tunnel
运维·服务器·内网穿透·tunnel·cloudflared
奇舞精选5 小时前
k8s基本概念初探
运维
誰能久伴不乏5 小时前
Linux系统调用概述与实现:深入浅出的解析
linux·运维·服务器
程序员学习随笔6 小时前
Linux进程深度解析(2):fork/exec写时拷贝性能优化与exit资源回收机制(进程创建和销毁)
linux·运维·服务器
mmoyula6 小时前
【RK3568 PWM 子系统(SG90)驱动开发详解】
android·linux·驱动开发