📒安装nginx

官网下载: https://nginx.org/
我这里自己下载的是稳定版本 nginx-1.24.0

1️⃣上传到对应目录

cd /usr/local
mkdir nginx
cd /usr/local/nginx
# 上传命令
rz
# 没有话安装一下
yum install lrzsz

2️⃣解压nginx

tar -zxvf nginx-1.24.0.tar.gz 
# 一样没有就安装一下
yum install tar
#nginx基于c语言开发，因此需要先安装c语言编译环境以及相关依赖。
yum -y install gcc pcre-devel zlib-devel openssl openssl-devel
# 进入文件夹
cd nginx-1.24.0
# 执行configure可执行文件
./configure
# 编译并安装
make && make install
cd /usr/local/nginx/sbin
# 执行nginx可执行文件，启动nginx服务
./nginx
# 停止nginx服务
./nginx -s stop
# 重启nginx服务
./nginx -s reload

3️⃣检查是否启动成功

ps -ef|grep nginx

在这里插入图片描述

出现这个两个页面说明启动成功了

📒使用nginx

1️⃣简单的反向代理

server {
    listen 80;                                #监听端口
    server_name localhost;                    #服务器名称
    location / {                              #匹配请求url地址
        root html;                            #指定返回静态资源路径
        index index.html;                     #默认首页
        proxy_pass http://127.0.0.1:8080;     #反向代理配置，将请求转发到指定服务器
    }
}

proxy_pass配置反向代理，意味当80端口被访问时，会将请求转发到http://127.0.0.1:8080对应服务上。

2️⃣介绍location配置中root和alias的区别

在这里插入图片描述

使用 root 时, 服务器里真实的资源路径是 root 的路径拼接上 location 指定的路径
使用alias顾名思义是代指 location 的别名, 不论location 是什么, 资源的真实路径都是alias所指定的,所以location是匹配浏览器输入的地址, 真实访问的路径就是alias 指定的路径
其他区别
alias 只能配置在location 中, 而root 可以配置在 server, http 和 location 中
alias 后面必须要以 “/” 结尾, 否则会查找不到文件, 报404错误; 而 root 对 “/” 可有可无

如果是vue项目项目刷新以后变成404的问题 try_files $uri $uri/ /popularize/index.html; 加上这段配置即可

    location /dist{
            root  /opt/vue/star-honey-popularize-manage;
            index  index.html index.htm;
            # 解决vue项目刷新以后变成404的问题
           try_files $uri $uri/ /dist/index.html;
        }