linux使用nginx部署vue、react项目实践

 更新时间:2026年03月15日 10:36:53   作者:好巧.  
本文详细介绍了在CentOS Stream 8上安装和配置Nginx的过程,包括安装依赖、下载和解压Nginx、安装Nginx模块、配置Nginx.conf文件以及启动Nginx等步骤

前言

  • 本文基于:操作系统 CentOS Stream 8
  • 使用工具:Xshell 8、Xftp 8

1.安装依赖

安装gcc、gcc-c++

yum install gcc gcc-c++ -y

安装pcre、pcre-devel

yum install pcre pcre-devel -y

安装zlib、zlib-devel

yum install zlib zlib-devel -y

安装openssl、openssl-devel

yum install openssl openssl-devel -y

2.下载 nginx 并解压

在 /usr/local 目录下,新建 nginx 文件夹并进入

cd /usr/local && mkdir nginx && cd ./nginx

下载压缩包

wget http://nginx.org/download/nginx-1.19.10.tar.gz

说明

  • 如果提示 -bash: wget: command not found,执行 yum install wget -y 即可
  • nginx 版本可以自定义,后续步骤需对应修改

解压

tar -zxvf nginx-1.19.10.tar.gz

3.安装 nginx 模块并编译

cd nginx-1.19.10
./configure --prefix=/usr/local/nginx

说明

  • –prefix:指定 nginx 的安装路径(默认安装在 /usr/local/bin)
  • 如需安装 https 模块:./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module
  • 如需安装 gizp 模块:./configure --prefix=/usr/local/nginx --with-http_gzip_static_module

编译并安装

make && make install

如果提示 -bash: make: command not found,执行 yum install make -y 即可

4.配置 nginx.conf 文件

进入 /usr/local/nginx/conf 目录,找到 nginx.conf 文件,右键选择记事本编辑,修改并保存

server {
  listen       80;
  server_name  localhost;

  location / {
    root   /var/www/project;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html;
  }
}

说明

  • listen:服务器端口,如果不是80端口,需配置安全组
  • server_name:域名,没有的话通过公网IP访问即可
  • location - root:前端打包文件存放路径

5.上传打包文件

根据 nginx.conf 配置,将前端打包文件上传至对应文件夹

6.启动 nginx

cd /usr/local/nginx/sbin
./nginx

其他常用命令

重启

./nginx -s reload

关闭

./nginx -s stop

7.效果图

总结

如果本篇文章对你有帮助的话,很高兴能够帮助上你。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • apache使用日志分割模块rotatelogs分割日志详解

    apache使用日志分割模块rotatelogs分割日志详解

    本文介绍了apache使用自带的日志分割模块rotatelogs分割日志,rotatelogs 是 Apache 2.2 中自带的管道日志程序,具体使用方法请参考下文
    2014-01-01
  • Linux kill正在执行的后台任务 kill进程组使用详解

    Linux kill正在执行的后台任务 kill进程组使用详解

    文章介绍了两个脚本的功能和区别,以及执行这些脚本时遇到的进程管理问题,通过查看进程树、使用`kill`命令和`lsof`命令,分析了子进程的生命周期和父子关系,最后,提出了使用进程组ID(PGID)来杀死所有相关子进程的解决方案,并总结了`kill`命令的不同信号类型及其行为
    2025-11-11
  • Linux USB驱动注册方式

    Linux USB驱动注册方式

    USB驱动通过structusb_driver注册,填充name、probe、disconnect和id_table字段,插入时触发设备匹配与初始化,拔出时清理资源并解绑驱动,实现设备动态管理
    2025-07-07
  • 从原理到日常避坑带你搞懂Linux命令执行优先级

    从原理到日常避坑带你搞懂Linux命令执行优先级

    这篇文章主要为大家详细解析了Linux命令执行的优先级规则,本文还总结了常见使用误区,希望可以帮助大家掌握命令执行机制,避免常见陷阱
    2026-02-02
  • CentOS实现将php和mysql命令加入到环境变量中的几种方法

    CentOS实现将php和mysql命令加入到环境变量中的几种方法

    这篇文章主要介绍了CentOS实现将php和mysql命令加入到环境变量中的几种方法的相关资料,需要的朋友可以参考下
    2017-02-02
  • 详解 Linux 常用目录的作用

    详解 Linux 常用目录的作用

    这篇文章主要介绍了详解 Linux 常用目录的作用的相关资料,这里列举常用目录并附实例帮助大家理解这部分内容,需要的朋友可以参考下
    2017-08-08
  • Linux系统查看当前网络连接数的方法小结

    Linux系统查看当前网络连接数的方法小结

    在日常的运维和开发中,网络连接数的监控是一个非常重要的指标,当你需要排查网络问题或优化系统性能时,查看连接数是关键的一步,不同的 Linux 环境和发行版可能需要使用不同的方法来获取连接信息,本文给大家介绍了Linux系统查看当前网络连接数的方法
    2024-12-12
  • Centos7下nginx的安装与配置教程详解

    Centos7下nginx的安装与配置教程详解

    这篇文章主要介绍了Centos7下nginx的安装与配置教程详解,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • Linux服务器如何使用网络代理

    Linux服务器如何使用网络代理

    这篇文章主要介绍了Linux服务器如何使用网络代理问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-02-02
  • Ubuntu基础教程之apt-get命令

    Ubuntu基础教程之apt-get命令

    这篇文章主要给大家介绍了关于Ubuntu基础教程之apt-get命令的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Ubuntu系统具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-08-08

最新评论