【前端爱折腾】第一章:linux 安装 nginx服务器并部署静态页面

102 阅读1分钟

【前端爱折腾】系列文章

第一章: linux 部署 nginx服务并部署静态网页

前提环境

  • 云服务:aliyun
  • linux版本:centos_7_9_x64_20G_alibase
  • nginx版本:1.24.0 (Stable version)
  • nginx下载地址:nginx.org/en/download…

步骤一:下载nginx安装包 并导入服务器中

  • 创建目录
    cd /usr/local/
    mkdir nginx
    
  • 将下载出来的安装包拖入至刚刚创建的 nginx 文件夹中

image.png

步骤二:执行解压

 tar -zxvf nginx-1.24.0.tar.gz

步骤三:安装所需依赖

 yum -y install make zlib-devel gcc-c++ libtool gcc openssl openssl-devel pcre-devel zlib

image.png

步骤四:进入nginx安装目录 编译安装

cd /usr/local/nginx/nginx-1.24.0
./configure --prefix=/usr/local/nginx --with-http_ssl_module --with-stream --with-http_stub_status_module --with-http_gzip_static_module
make
make install

image.png

image.png

步骤五:配置nginx文件

cd /
mkdir www
cd /www
mkdir justkang
cd /justkang
mkdir web

  • 然后将前端文件 拖入至web文件夹中

image.png

配置nginx 配置

  • 在finalShell中找到/usr/loacl/niginx/nginx-1.24.0/conf/nginx.conf
  • 将箭头处修改为创建的前端文件根目录

image.png

nginx命令

#启动,
/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
#停止
/usr/local/nginx/sbin/nginx -s stop
#重载
/usr/local/nginx/sbin/nginx -s reload
#杀掉nginx
/usr/local/nginx/sbin/nginx -s quit

步骤六:开放80端口

  • 我是在aliyun开放的端口 大家可自行寻找方式

步骤七:查看页面是否显示

image.png

结束语

【前端爱折腾】系列持续更新中,感谢大家支持 🤑