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

最新教程 | CentOS 7 内网环境 Nginx + ECharts 页面离线部署手册(RPM 安装方式)


📁 一、准备阶段(在联网电脑上完成)

1.1 下载 Nginx 官方 RPM 安装包

在联网电脑浏览器中访问 Nginx 官方稳定版本仓库:

🔗 地址:http://nginx.org/packages/centos/7/x86_64/

☁️云盘:https://www.123912.com/s/Mjh6jv-jqQVd?pwd=f8DJ# 提取码:f8DJ

下载以下文件:

  • nginx-1.26.1-2.el7.ngx.x86_64.rpm
  • pcre2-10.23-2.el7.x86_64.rpm

保存到一个文件夹中,例如 nginx_rpm/

1.2 准备 ECharts 页面文件

确保你已准备好如下网页结构:

echarts-demo/
└── index.html

建议不依赖 CDN,全部静态 JS 文件放本地,适合纯离线。

1.3 获取 Nginx 依赖 RPM 包(用于离线环境)

在联网环境执行以下命令(需安装 yum-plugin-downloadonly):

yum install yum-plugin-downloadonly -y
mkdir nginx_deps
cd nginx_deps
yum install --downloadonly --downloaddir=. \gcc pcre pcre-devel zlib zlib-devel openssl openssl-devel

nginx_deps/nginx_rpm/echarts-demo/ 打包带入内网。

目录结构示例:

nginx_offline_package/
├── nginx_rpm/
│   └── nginx-1.24.0-1.el7.ngx.x86_64.rpm
│   └── pcre2-10.23-2.el7.x86_64.rpm
├── nginx_deps/
│   └── *.rpm
├── echarts-demo/
│   └── index.html
└── deploy.sh

🛠️ 二、手动安装部署(CentOS 7 内网服务器)

2.1 安装依赖包

cd nginx_offline_package/nginx_deps
sudo yum localinstall -y *.rpm

2.2 安装 Nginx RPM 包

cd ../nginx_rpm
sudo yum localinstall -y nginx-*.rpm

2.3 部署 ECharts 页面

sudo mkdir -p /usr/share/nginx/html/echarts-demo
sudo cp -r ../echarts-demo/* /usr/share/nginx/html/echarts-demo/

2.4 启动 Nginx

sudo systemctl start nginx
sudo systemctl enable nginx

⚙️ 三、自动化部署脚本

将以下脚本保存为 deploy.sh,与其他目录放在 nginx_offline_package/ 内。

#!/bin/bashset -eNGINX_RPM_DIR="nginx_rpm"
NGINX_DEPS_DIR="nginx_deps"
ECHAR_DIR="echarts-demo"
WEB_DIR="/usr/share/nginx/html/echarts-demo"echo "[1/4] 安装依赖包..."
cd $NGINX_DEPS_DIR
yum localinstall -y *.rpm &>/dev/null
cd ..echo "[2/4] 安装 Nginx RPM..."
yum localinstall -y $NGINX_RPM_DIR/nginx-*.rpm &>/dev/nullecho "[3/4] 拷贝页面..."
mkdir -p $WEB_DIR
cp -r $ECHAR_DIR/* $WEB_DIR/echo "[4/4] 启动 Nginx..."
systemctl start nginx
systemctl enable nginxecho "✅ 部署完成!请访问 http://<你的内网IP>/echarts-demo/"

使用方法:

chmod +x deploy.sh
sudo ./deploy.sh

🔒 防火墙建议(如无法访问)

sudo systemctl stop firewalld
sudo systemctl disable firewalld

✅ 页面访问

使用浏览器访问:

http://<服务器IP>/echarts-demo/
http://www.lryc.cn/news/612911.html

相关文章:

  • 前端开发(HTML,CSS,VUE,JS)从入门到精通!第七天(Vue)(二)
  • 如何为WordPress启用LiteSpeed缓存
  • HTML已死,HTML万岁——重新思考DOM的底层设计理念
  • 炫酷圆形按钮调色器
  • Ubuntu 系统 Docker 启动失败(iptables/nf\_tables)
  • 应急响应复现
  • Android 原生与 Flutter 通信完整实现 (Kotlin 版)
  • JPA 分页查询与条件分页查询
  • 《深入理解 WSGI:解锁 Python Web 应用背后的奥秘》
  • Java+Vue合力开发固定资产条码管理系统,移动端+后台管理,集成资产录入、条码打印、实时盘点等功能,助力高效管理,附全量源码
  • 前端性能优化:从请求到资源的精细调控
  • Event Stream输出优化:Vue3节流函数的正确实现
  • 【大前端】vite忽略指定前缀的静态资源
  • 【插件式微服务架构系统分享】之 解耦至上:gateway 网关与APISIX 网关的不同分工
  • 一文解读“Performance面板”前端性能优化工具基础用法!
  • SpringAI
  • 数据结构---循环队列(补充 应用实例)、哈希表(哈希存储、哈希冲突、解决方法、举例实现)
  • Linux Docker 新手入门:一文学会配置镜像加速器
  • 躺平发育小游戏微信抖音流量主小程序开源
  • 透明矿山:科技重塑矿业未来
  • Numpy科学计算与数据分析:Numpy随机数生成入门
  • 光纤滑环 – 光纤旋转接头(FORJ)- 杭州驰宏科技
  • AutoMQ-Kafka的替代方案实战
  • QML与C++交互的方式
  • Kafka数据生产和发送
  • 基于Spring Cloud Stream与Kafka的事件驱动微服务架构设计与实战指南
  • 【Kafka系列】第二篇| Kafka 的核心概念、架构设计、底层原理
  • MQTT:Dashboard访问授权
  • MQTT:Dashboard黑名单与连接抖动
  • 【LeetCode】set和map相关算法题 前K个高频单词、随机链表的复制、两个数组的交集、环形链表