使用 Nginx 搭建静态资源 web 服务器

武培轩

发布于 2019-11-04 15:48:43

1.6K0

发布于 2019-11-04 15:48:43

在搭建网站的时候，往往会加载很多的图片，如果都从 Tomcat 服务器来获取静态资源，这样会增加服务器的负载，使得服务器运行速度非常慢，这时可以使用 Nginx 服务器来加载这些静态资源，这样就可以实现负载均衡，为 Tomcat 服务器减压了。这篇文章，我们将一起去使用 Nginx 去搭建静态资源 web 服务器。

首先我把构建的 hexo 博客文件放在 Nginx 目录下，目录结构如下：

再修改 Nginx 配置文件 nginx.conf 中的 server：

server {
        listen 80;
        server_name localhost;

        location / {
                alias blog/;
        }  
    }

其中 location / 表示所有的请求，一般我们通过 root 和 alias 来指定访问的目录。root 相对来说有个问题，会把 url 中的一些路径带到我们的文件目录中来，所以一般使用 alias。

修改好配置文件后，执行 nginx -s reload 重启 nginx 服务，在浏览器中输入 localhost/ 就可以访问了，如图所示：

此外还可以开启 gzip 压缩，服务器压缩，浏览器解压。压缩和解压减少的是中间网络传输的消耗。

修改 nginx.conf：

gzip on;
gzip_min_length 1;
gzip_comp_level 2;
gzip_types text/plain application/x-javascript text/css application/pdf application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

其中，gzip_min_length 表示小于此大小则不压缩，gzip_comp_level 表示压缩等级，gzip_types 表示压缩类型。

通过 url 访问，查看消息头就可以看到已经开启 gzip 压缩了：Content-Encoding: gzip

使用 gzip 压缩之后，静态资源的传输效率会提升很多。

还可以打开目录浏览功能，修改 nginx 的配置文件，添加 autoindex on;

server {

    listen 80;
    server_name localhost;

    location / {
           alias blog/;
           autoindex on;
    }
}

修改后，重启 nginx，以目录结构中的 images 目录为例，访问 url：localhost/images/，展示情况如下图：

为了防止访问大文件抢走带宽，可通过设置访问资源时传输的速度来限制访问的文件大小。

server {
    listen 80;
    server_name localhost;

    location / {
            alias blog/;
            autoindex on;
            set $limit_rate 100K;
    }
}

其中 set $limit_rate 100K; 表示每秒传输速度限制在 100K 大小。