使用阿里云服务器+ Nginx 搭建静态资源 web 服务器

2020年8月11日05:28:51 发表评论

阿里云服务器:[活动地址]

购买可领取:[阿里云2000元代金券]

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

关于服务器配置选择1核2G内存就够用了,参考服务器规格文档,这里面的突发性能实例t5可以使用。

阿里云2000优惠券免费领取(阿里云优惠券的作用:购买阿里云产品,最后支付结算的时候,阿里云优惠券可抵扣一部分费用。

首先把构建的 hexo 博客文件放在 Nginx 目录下,目录结构如下:

使用阿里云服务器+ Nginx 搭建静态资源 web 服务器

再修改 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 表示压缩类型。

阿里云2000优惠券免费领取(阿里云优惠券的作用:购买阿里云产品,最后支付结算的时候,阿里云优惠券可抵扣一部分费用。

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

使用阿里云服务器+ Nginx 搭建静态资源 web 服务器

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

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

server {

listen 80;
server_name localhost;

location / {
       alias blog/;
       autoindex on;
}

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

使用阿里云服务器+ Nginx 搭建静态资源 web 服务器
为了防止访问大文件抢走带宽,可通过设置访问资源时传输的速度来限制访问的文件大小。

server {

listen 80;
server_name localhost;

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

}
其中 set $limit_rate 100K; 表示每秒传输速度限制在 100K 大小。
如果采购服务器想省钱,就点我直达阿里云|云小站,这里面是阿里云目前价格最低的服务器可选择。

阿里云2000优惠券免费领取(阿里云优惠券的作用:购买阿里云产品,最后支付结算的时候,阿里云优惠券可抵扣一部分费用。

阿里云服务器:[活动地址]

购买可领取:[阿里云2000元代金券]

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
阿里云最新代金券免费领取

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: