针对Nginx作为静态资源web服务实战【详解】

前言

针对Nginx静态资源web服务实战,比较详细的讲解;


CDN静态资源:

在这里插入图片描述

静态资源web服务_配置语法

  • 配置语法—文件读取
    在这里插入图片描述
  • 引读:-----with-file-aio 异步文件读取
  • tcp_nopush 作用:
    sendfile开启的情况下,提高网络包的传输效率

在这里插入图片描述

  • tcp_nodelay
    作用:keepalive链接下,提高网络包的传输实时性
    在这里插入图片描述
  • 压缩
    作用: 压缩传输
    在这里插入图片描述
    在这里插入图片描述
  • 压缩需要版本
    在这里插入图片描述
  • 压缩模块
    http_gzip_static_module------预读gzip功能
    http_gunzip_module----应用支持gunzip的压缩方式

demo演示

在这里插入图片描述

  • 编辑
    在这里插入图片描述
    进行正则匹配,我们location
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 关闭我们所有gzip
    在这里插入图片描述
  • 重新加载我们的配置文件
    在这里插入图片描述
    在这里插入图片描述
  • 浏览器访问
    在这里插入图片描述
    在这里插入图片描述
  • 开启我们的压缩,进行访问:
    在这里插入图片描述
  • 重新加载
    在这里插入图片描述
    在这里插入图片描述
  • 针对文本文件进行压缩
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
  • 重新加载配置文件
    在这里插入图片描述
  • 浏览器打开请求
    在这里插入图片描述
    在这里插入图片描述
  • 打开压缩配置
    在这里插入图片描述
  • 语法检测
    在这里插入图片描述
  • 重新加载配置文件
    在这里插入图片描述
  • 浏览器访问
    在这里插入图片描述
  • 修改配置文件,打开gzip
    在这里插入图片描述
    在这里插入图片描述
  • 手动把上面的文件进行压缩:
    在这里插入图片描述
    在这里插入图片描述
  • 上面已经通过手动进行压缩,可以修改配置文件,把配置文件里面的压缩开关,关闭
    在这里插入图片描述
  • 重新加载
    在这里插入图片描述
    在这里插入图片描述
  • 打开我们配置文件中:
    在这里插入图片描述
  • 每次修改完配置文件,需要重新加载一下下
    在这里插入图片描述
    在这里插入图片描述

浏览器缓存

浏览器一般是基于HTTP协议定义的缓存机制。

  • 浏览器无缓存加载过程
    在这里插入图片描述
  • 客户端有缓存
    在这里插入图片描述
  • 浏览器校验过期的机制
    在这里插入图片描述
    【来源网上】
    在这里插入图片描述

浏览器缓存Demo展示

  • nginx 配置语法 expires
    在头信息里面添加Cache-Control,Expires头
    在这里插入图片描述
  • 针对静态资源过期设置
    在这里插入图片描述
    在这里插入图片描述
  • 再次刷新
    在这里插入图片描述
  • 编辑配置文件
    在这里插入图片描述
    在这里插入图片描述
  • 重新加载配置文件
    在这里插入图片描述
  • 刷新浏览器
    在这里插入图片描述

跨站访问

在这里插入图片描述

  • 引申: 为什么浏览器禁止跨域访问
    不安全,容易出现CSRF攻击!
    在这里插入图片描述
  • nginx解决跨域访问
    【Access-Control-Allow-Origin】
    在这里插入图片描述
  • 配置
    在这里插入图片描述
    修改配置文件
    在这里插入图片描述
  • 测试
    在这里插入图片描述
    再次请求:
    在这里插入图片描述
  • 修改配置文件,打开我们跨域访问的配置
    在这里插入图片描述
  • 重新加载,配置文件
    在这里插入图片描述
  • 浏览器访问
    在这里插入图片描述
  • 修改配置文件- -默认都能访问,—
    在这里插入图片描述

nginx 防盗链

  • 基于http_refer防盗链配置模块
    在这里插入图片描述
  • 修改配置文件:
    在这里插入图片描述
    在这里插入图片描述
  • 测试
    在这里插入图片描述
  • 修改配置文件
    在这里插入图片描述
  • 检测语法
    在这里插入图片描述
  • 重新加载
    在这里插入图片描述
  • Linux服务器测试
    在这里插入图片描述
  • 返回403,防盗链起作用了O(∩_∩)O哈哈~
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章