Nginx安装&配置&Mac使用Nginx访问前端打包项目

Linux

中文官网：https://nginx.p2hp.com/

安装

1). 安装依赖包

由于nginx是基于c语言开发的，所以需要安装c语言的编译环境，及正则表达式库等第三方依赖库。

shell 复制代码

yum -y install gcc pcre-devel zlib-devel openssl openssl-devel

2). 下载Nginx安装包

shell 复制代码

yum install wget
wget https://nginx.org/download/nginx-1.16.1.tar.gz

wget :

如需使用wget命令要先yum install wget

3). 解压nginx压缩包

shell 复制代码

tar -zxvf nginx-1.16.1.tar.gz

4). 配置Nginx编译环境

shell 复制代码

mkdir -p /usr/local/nginx
cd nginx-1.16.1
./configure --prefix=/usr/local/nginx

5). 编译&安装

shell 复制代码

make & make install

环境变量配置

通过vim编辑器，打开/etc/profile文件, 在PATH环境变量中增加nginx的sbin目录，如下：

修改完配置文件之后，需要执行 source /etc/profile 使文件生效。接下来，我们就可以在任意目录下执行nginx的指令了，如：

Win

绿色版本解压即可

Mac

安装

shell 复制代码

brew info nginx

brew install nginx

shell 复制代码

nginx -v

出现以上显示即安装成功

基本配置

默认端口是8080，我们启动服务后访问http://localhost:8080即可看到如下信息

Mac使用Nginx访问前端项目

使用nginx访问前端打包项目
- 将项目放在这个位置（解压后的）
  - 如下其实二者都是指向一个文件夹（选一即可）
    - 其实文件放在何处都行。到时配置的时候写文件的绝对路径即可
shell 复制代码
```
/opt/homebrew/Cellar/nginx/1.27.3/html
/opt/homebrew/var/www
```

修改/opt/homebrew/etc/nginx/nginx.conf文件

修改location中root地址
- 两个root表达的一个意思（选一即可）

shell 复制代码

location / {
          root   /opt/homebrew/var/www/nginx-1.22.0-web;
          root   /opt/homebrew/Cellar/nginx/1.27.3/html/nginx-1.22.0-web;
          index  index.html index.htm;
      }

修改 location中error_page地址

shell 复制代码

 error_page   500 502 503 504  /50x.html;
      location = /50x.html {
          root   /opt/homebrew/var/www/nginx-1.22.0-web;
      }

修改location中listen地址
- 输入自己想要的端口号

shell 复制代码

  listen       90;
  server_name  localhost;

在location中添加
- 地址随后台项目地址而更改

shell 复制代码

  location ^~ /api/ {
          rewrite ^/api/(.*)$ /$1 break;
          proxy_pass http://localhost:8080;
      }

常用命令

nginx 启动Nginx服务
nginx -s stop 快速停止Nginx服务
nginx -s quit 平稳退出Nginx
nginx -s reload 重新加载配置文件或重启Nginx服务
nginx -t 测试 Nginx 配置文件语法是否正确
ps -ef | grep nginx 查询nginx主进程号
kill -QUIT 主进程号 正常停止Nginx
kill -TERM 主进程号 /kill -INT 主进程号 快速停止Nginx
kill -9 主进程号 强制停止Nginx
nginx -v 查看 Nginx 版本