首页手记使用 Nginx 搭建静态资源 web 服务器

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

标签：

Nginx

在搭建网站的时候，往往会加载很多的图片，如果都从 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 大小。