nginx部署静态网站

实验环境

服务器：centos7.5 1核1G
Nginx版本：nginx-1.14.2

主题

部署静态文件
根据不同url请求路径，定向到不同的系统文件夹

部署静态文件

假设nginx安装在“/usr/local/nginx”目录，创建文件夹"/root/web/html"，上传index.html到该目录下，index.html的代码如下：

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>index</title>

</head>

<body>

<span>Hello Nginx</span>

</body>

</html>

修改"/usr/local/nginx/conf/nginx.conf"文件，在http节点下新增server节点，由于80端口已经被使用，那么就使用8080端口，配置如下：

server {

    listen ;

    server_name localhost;

    location / {

            root /root/web/html;

    }

}

检测nginx.conf文件的正确性，通过nginx指令

 ./nginx -t

输出如下，说明nginx配置文件正确

nginx: the configuration file /usr/local/nginx/conf/nginx.conf syntax is ok

nginx: configuration file /usr/local/nginx/conf/nginx.conf test is successful

重新加载nginx配置文件

./nginx -s reload;

通过浏览器访问“http://ip:8080，输出：Hello Nginx

根据不同url请求路径，定向到不同的系统文件夹

创建文件夹"/root/web/images", 并在该文件夹下上传一张图片“1.jpg", 将url以/images/为前缀的定向到该文件夹，修改nginx配置文件“/usr/local/nginx/conf/nginx.conf”，添加如下节点：

 location /images/ {

    root /root/web;

 }

完整配置如下：

server {

    listen ;

    server_name localhost;

    location / {

            root /root/web/html;

    }

    location /images/ {

            root /root/web;

    }

}

重新加载nginx配置文件

./usr/loca/nginx/sbin/nginx -s reload;

访问http://139.9.50.226:8080/images/1.jpg,显示图片, nginx将该请求映射到"/root/web/images/1.jpg"文件。

特别需要注意：

location /images/ {

    root /root/web;

}

该location的作用是将匹配的url的/images/...部分加在root对应的路径后面，nginx映射到文件系统中。

在使用nginx的过程中，经常将该location配置成：

location /images/ {

    root /root/web/images; //设置路径：/root/web/images/images/

}

特别需要注意nginx是否需要加上匹配的前缀，在反向代理的使用过程中，也需要特别注意

巴特西

nginx部署静态网站

实验环境

主题

部署静态文件

根据不同url请求路径，定向到不同的系统文件夹

最新文章

热门文章