Nginx配置静态网站

267次阅读

共计 2872 个字符，预计需要花费 8 分钟才能阅读完成。

内容目录

本篇文章介绍如何使用Nginx部署自己的静态网站。

静态网站内容：为了方便操作，我使用自己GitHub上现成的静态网站作为部署内容，地址：https://github.com/NingNing0111/AlgorithmNote/tree/master/AlgorithmNote/site

Linux服务器：root权限，安装并运行Nginx

一、获取静态网站目录

# 克隆项目
git clone https://github.com/NingNing0111/AlgorithmNote.git

# site目录就是页面内容，将site目录放到root以外的目录
mv AlgorithmNote/AlgorithmNote/site/ /usr/share/nginx/html/

# 进入site目录，获取site目录的路径: /usr/share/nginx/html/
cd /usr/share/nginx/html/ && pwd

注意：网站目录不要放在root文件夹下，这会引出权限问题

二、编写配置文件

Linux中最常用的、最牛逼的编辑器就是Vim,不会Vim的请自行上网搜索和学习。

当然也有最简单的方法，本地使用你自己喜欢的编辑器写一个配置文件，再通过文件传输工具如:Xftp将编写好的配置文件拷贝到你的服务器上也是可以的。

这里我们通过Vim编辑器删除Nginx核心配置文件nginx.conf的所有内容，然后从新开始编写配置文件:

http {
    include mime.types;
    server {
        listen 80;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site;
        }
    }
}
events {}

上述配置中,http内部是用于定义http服务器的行为,也就是Nginx作为Http服务器时具备哪些行为，在上述配置中，它有一个server节点，这个节点监听80端口，root参数提供了该服务器的根目录，include mime.types是用于定义文件扩展名和对应的MIME类型，Nginx会使用它来处理不同类型文件，若不加入，则css或js等相关文件就会失效，location是用于配置访问路径的，上述location配置是当访问根路径时，访问/usr/share/nginx/html/site/index.html页面，在没有指定*.html的情况下，默认访问index.html。events是用于配置事件模型，在这里面可以配置Nginx如何处理并发连接和事件，这个配置是必须提供的，否则会报错。上述配置中，location /在没有特定指定某页面的前提下，可以省略，不进行配置。

三、检查与访问

再通过nginx相关命令检查配置文件编写是否有问题:

nginx -t

没问题后，再使用nginx -s reload 重新加载配置,即可通过IP地址访问部署好的静态网页。

四、添加其它服务节点

现在需要添加一个监听81端口的服务节点，当用户访问该端口时，跳转到site/UnionFindSet目录。

http {
    include mime.types;
    server {
        listen 80;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site;
        }
    }
    server {
        listen 81;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site/UnionFindSet;
        }
    }
}
events {}

重新加载配置文件后，访问IP:81,内容如下：

注意：请确保81端口正常开放，否则无法访问。也可以使用curl localhost:81来判断网页是否部署成功，是否是端口未开启造成无法访问。

五、添加访问路径

添加一些访问路径，来访问不同的页面内容，例如：IP:81/index访问site首页，IP/bcj访问IP:81首页的内容

http {
    include mime.types;
    server {
        listen 80;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site;
        }

        location /bcj {
            alias /usr/share/nginx/html/site/UnionFindSet;
        }
    }
    server {
        listen 81;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site/UnionFindSet;
        }

        location /index {
            alias /usr/share/nginx/html/site;
        }
    }
}
events {}

在上述配置中，我们使用了alias,在Nginx中，alias指令用于将请求的URL路径映射到服务器上的实际文件路径。它可以用于创建虚拟目录、重定向请求或提供静态文件服务。其语法如下:

location /虚拟路径 {
    alias 实际文件路径;
}

若不使用alias而是使用root,则会将虚拟路径与实际文件路径对应起来，例如：

location /index {
    root /usr/share/nginx/html/site;
}

它就会访问/usr/share/nginx/html/site/index/index.html。

六、域名绑定

现有一个域名nginx.nnlde.xyz成功解析到我的服务器IP地址167.***.***.63，现在需要通过在浏览器中输入域名从而访问我部署的静态网站。

判断域名是否正确解析到服务器Ip上，只需通过ping 域名来查看即可。

http {
    include mime.types;
    server {
        listen 80;
        server_name nginx.nnlsde.xyz;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site;
        }

        location /bcj {
            alias /usr/share/nginx/html/site/UnionFindSet;
        }
    }
    server {
        listen 81;
        root /usr/share/nginx/html/site;

        location / {
            root /usr/share/nginx/html/site/UnionFindSet;
        }

        location /index {
            alias /usr/share/nginx/html/site;
        }
    }
}
events {}

对于正确解析到主机上的域名，我们可以通过server_name 域名对某一服务器节点进行配置，从而通过域名访问到当前服务器。