# Nginx 静态资源访问 引言 如何访问 Nginx 的静态资源？这其中涉及到了 Nginx 的核心功能 Rewrite 重写技术，本内容将讲解处理访问静态资源的相关知识。...Nginx的跨域问题 同源策略 跨域问题 跨域案例 解决方案 静态资源防盗链 什么是资源盗链 防盗链实现原理 防盗链实现实例 针对目录防盗链 Rewrite功能配置 地址重写与地址转发 set指令 Rewrite...default_type application/json; # return 的格式是 json return 200 '{"id":1,"name":"TOM","age":18}'; } # 静态资源防盗链...# 多级域名 当你配置了多级域名，如二级域名 xxx.frxcat.fun，并且静态资源目录恰好和二级域名的 xxx 可以匹配，则可以使用正则表达式进行匹配，日后，如果又多个 xxx，则再创建对应的该目录即可.../usr/local/nginx/html; # 静态文件根目录 index idnex.html; } } 有一个 aa.html 在 /usr/local/nginx/html
章节目录 静态资源分类 CDN场景 nginx作为静态资资源web服务_配置语法 浏览器缓存 服务器端设置浏览器缓存过期实践 跨站访问 静态资源分类 静态资源：非服务器动态运行生成的文件 类型 种类 浏览器端渲染...nginx作为静态资资源web服务_配置语法 配置语法-tcp_nopush 要求实时性不高的场景下使用，不着急返回给客户端 语法：tcp_nopush on | off; 默认配置：tcp_nopush...静态资源服务端) 语法： gzip_comp_level level; 默认配置：gzip_comp_level 1; 可配置模块：http、server、location 压缩模块扩展 http_gzip_static_module...－支持预读gzip功能 作用：较少网络资源的消耗，提高静态资源快速响应的能力,提高服务端的处理效率 浏览器缓存 http协议定义的缓存机制 如:Expires；cache-control等 校验过期机制...nginx设置允许跨站访问假如我们使用nginx做了动静分离，动态数据都需要通过ajax请求数据接口来获取，那么浏览器默认的同源策略会组织我们去成功请求数据接口。
1.1 静态网页服务 首先将静态的 web 上传到服务器之后，在 /nginx/conf 目录中修改 nginx.conf 文件，参考如下，修改完毕后进入 /nginx/sbin 目录中执行 nginx...-s reload 重启 Nginx。...然后请求对应 ip/域名 + 端口 + 资源 地址就可以访问到网页。...监听指定的 IP 地址和端口号 listen IP_address：监听指定 IP 地址所有端口 listen port：监听该端口的所有 IP 连接 1.2 图片/视频服务 图片、视频服务与静态网页服务配置一样...，将文件放到统一的文件夹，然后使用 Nginx 将请求指到对应文件夹即可。
Nginx Nginx服务器基础配置实例 Nginx服务操作的问题 Nginx配置成系统服务 Nginx命令配置到系统环境 Nginx静态资源部署 Nginx静态资源概述 Nginx静态资源的配置指令.../etc/profile (3)不在nginx的sbin目录下执行nginx命令，检测是否配置成功 nginx -V Nginx静态资源部署 Nginx静态资源概述 上网去搜索访问资源对于我们来说并不陌生...一部分内容，比如说报表数据展示、根据当前登录用户展示相关具体数据等资源； Nginx处理静态资源的内容，我们需要考虑下面这几个问题： （1）静态资源的配置指令 （2）静态资源的配置优化 （3）静态资源的压缩配置指令...（4）静态资源的缓存处理 （5）静态资源的访问控制，包括跨域问题和防盗链问题 Nginx静态资源的配置指令 listen指令 listen:用来配置监听端口。...所以我们可以使用如下配置来优化Nginx静态资源的处理 sendfile on; tcp_nopush on; tcp_nodelay on; Nginx静态资源压缩实战 经过上述内容的优化，我们再次思考一个问题
# Nginx 静态资源部署 引言 静态资源如何部署？本内容带你了解静态资源相关的操作和内容。 静态资源指令配置、静态资源优化配置、静态资源压缩配置、静态资源缓存配置。...Nginx静态资源概述 静态资源指令配置 listen指令 server_name指令 匹配执行顺序 location指令 root/alias指令 index指令 error_page指令 静态资源优化配置...，根据不同的条件展示在页面不同这 一部分内容，比如说报表数据展示、根据当前登录用户展示相关具体数据等资源； Nginx 处理静态资源的内容，我们需要考虑下面这几个问题： 静态资源的配置指令 静态资源的配置优化...静态资源的压缩配置指令 静态资源的缓存处理 静态资源的访问控制，包括跨域问题和防盗链问题 # 静态资源指令配置 # listen指令 该指令是用来配置监听端口。...# 静态资源缓存配置 当浏览器请求 Nginx 服务器的资源后，我们可以让这些资源缓存在浏览器里，这样再一次请求相同的资源时，无需请求 Nginx 服务器，直接从浏览器的缓存里获取，减少 Nginx 服务器的压力
一 Nginx静态资源概述 1.1 静态资源类型 Nginx作为静态资源Web服务器部署配置, 传输非常高效, 常常用于静态资源处理，请求以及动静分离。通常非服务器动态运行生成的文件属于静态资源。...类型 种类 浏览器端渲染 HTML、CSS、JS 图片 JPEG、GIF、PNG 视频 FLV、MP4 文件 TXT及其他类型文件 1.2 静态资源场景 简单静态站点场景： ?...静态站点加速场景： ? 二 静态资源优化配置 2.1 sendfile 默认情况下，Nginx会自行处理文件传输，并在发送之前将文件复制到缓冲区中。...mp3 { 2 #... 3 tcp_nodelay on; 4 keepalive_timeout 65; 5 #... 6 } 三 静态资源压缩选项...四 静态资源压缩配置 4.1 创建站点目录 [root@nginx ~]# mkdir /usr/share/nginx/gzip/ 上传用于测试的html、png、css等文件，提前查看文件大小。
Nginx静态资源 Nginx可以处理静态资源 非Web服务器可以运行处理而生成的文件，即服务器只需要从硬盘或者缓存中读取然后直接给客户端响应即可。...常见的静态资源 # 浏览器渲染: html文件，样式表CSS,JS脚本——浏览器需要读取样式格式和脚本，然后去渲染的. # 图片文件： GIF、PNG、JPEG # 视频文件： MP4、FLV...、AVI、MPEG # 其它文件： ISO、PDF、TXT、EXE Nginx作为网站服务器，如何高效的处理静态资源，就需要让nginx速度变快，可以从以下几个方面考虑: 1.文件读取:nginx...,本地需要消耗cpu,内存,没有交互能省很多资源.proxy若无缓存就是miss,若有缓存就是hit命中....缓存类型 数据库缓存: memcache,redis proxy网页缓存: client访问静态资源，代理有缓存就无需向后端web请求资源.
第一步：在conf文件夹下创建blog.conf图片第二步：在nginx目录下创建blog文件夹图片第三步: 上传静态网站文件到blog文件夹内图片第四步：配置blog.confserver {...}说明一下，listen后面跟着的89是咱的监听端口server_name 后填域名然后就是location配置，因为我之前把blog文件夹放在外面，所以直接写blog第五步：引入blog.conf到nginx.conf...打开nginx.conf 在这个位置添加图片 然后保存第六步：查看配置是否正确nginx - t图片好的，说明我们的配置没有问题了，直接开服务器在命令提示符里直接输入nginx图片访问成功
搭建静态资源站包括以下几部分： root指令与alias指令的区别 使用gzip压缩资源 如何访问指定目录下的全部资源文件 如何限制访问流量 如何自定义log日志 root指令与alias指令的区别...我们的网站静态资源放到 /home/wwwroot/demo 目录下 root@2a33e33fa785:/home/wwwroot/demo# ls about.html about1.html...css fonts gallery.html images index.html js typography.html nginx.conf 文件 worker_processes 1...【1-9】，越大压缩率越高，同时消耗cpu资源也越多，建议设置在4左右。...限制请求每秒只能传输1kB数据，这时我们访问页面会明显感觉到很慢 设置log日志 设置日志格式 log_format 模板名称 日志中包含的内容 注意：模板中所保存的内容可以是nginx
nginx作为一款高性能的服务器，用途很多，除了可以做后端服务器的代理，负载均衡之外你，还有一个用途就是做静态资源的缓存服务器，比如在前后端分离的项目中，为了加速前端页面的响应速度，我们可以将前端的相关资源...，例如html，js,css或者图片等放到nginx指定的目录下，访问的时候只需要通过IP加路径就可以实现高效快速的访问， 下面说说如何在windows下使用nginx作为静态资源服务器， 1、修改config...，里面的location可以配置多个，这样可以根据业务的需要指定相关的路径方便后续的运维和管理， server { listen 80; #nginx...拦截的用户访问路径 #charset koi8-r; #access_log logs/host.access.log main; # 访问本地绝对路径下的静态
静态资源服务 将个人网站的静态资源 clone 到 nginx 根目录： git clone https://github.com/mz1999/mazhen.git 在 conf/nginx.conf...开启gzip Nginx 的 ngx_http_gzip_module 模块是一个过滤器，它使用 “gzip “方法压缩响应。...limit_rate 由于带宽的限制，我们有时候需要限制某些资源向客户端传输响应的速率，例如可以对大文件限速，避免传输大文件占用过多带宽，从而影响其他更重要的小文件（css，js）的传输。...set $limit_rate 1k; } 上面的指令限制了Nginx向客户端发送响应的速率为 1k/秒。 $limit_rate是Nginx的内置变量，Nginx的文档详细列出了每个模块的内置变量。...access log Nginx 的 access log 功能由 ngx_http_log_module 模块提供。
——纪伯伦 今天配置nginx做静态资源反向代理的时候配置文件如下 events{ worker_connections 1024; } http{ server{...root /upload/img/; } } } 本来我是想配置请求/upload/img/，然后获取到/upload/img/下面的静态资源
/javascript application/x-httpd-php application/javascript application/json 设置哪种类型可以进行压缩，需要什么类型可以在参考nginx.conf
:xxx 2.创建nginx配置文件 启动容器之前要创建nginx配置文件，因为nginx容器只有/etc/nginx目录，没有nginx.conf文件，如果服务器和容器都没有nginx.conf文件...mkdir -p /home/nginx/html 3.创建nginx容器运行 docker run \ -p 9002:80 \ --name nginx \ -v /home/nginx/conf.../nginx.conf:/etc/nginx/nginx.conf \ -v /home/nginx/conf/conf.d:/etc/nginx/conf.d \ -v /home/nginx/log...:/var/log/nginx \ -v /home/nginx/html:/usr/share/nginx/html \ -v /root/data/mp4/:/data/mp4 \ -d nginx...:latest 这里我将/root/data/mp4/跟容器的/data/mp4进行挂载 /data/mp4文件夹会自动创建 4.配置nginx静态资源 上传一个视频文件到/root/data/mp4
使用Nginx发布静态资源 找一些静态资源, 上传拿到服务器, 我就直接拿老师的了 上传完成 配置nginx.conf 进入nginx/conf文件夹, 创建独立配置文件 vi staticfile.conf...location / { root /home; } } 在配置里面导入自己写的配置 [root@localhost conf]# cd ../ [root@localhost nginx.../nginx -t 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 [root@localhost sbin]# ..../nginx -s reload [root@localhost sbin]# 检查配置文件并重启 直接在根路径后添加资源路径就可以访问了 但是这样做存在一个问题, 那就是会对外暴露真实的磁盘资源 修改配置文件
使用Nginx反向代理Flask静态资源 环境：Ubuntu 18.04 实现原理 如果flask项目里面有大量静态资源，可以尝试使用Nginx代理对静态资源的请求，把真正的动态请求转发给Flask。...比如： flask在127.0.0.1监听8001端口，而Nginx配置为监听0.0.0.0的8000端口，那么在外部请求hostname:8000时就会把动态请求转发到8001上，而静态资源请求则直接代理至储存静态资源的目录下...Nginx配置 安装 apt install nginx 配置文件路径 存放全局配置：/etc/nginx/nginx.conf 存放单个server配置：/etc/nginx/conf.d/xxx-xxx-xxx.conf...对外监听的端口 root /root/github/Vision-Ward; #服务器上的项目目录 server_name arm.eqqie.cn; # 域名 # 处理静态资源...: #注意这里用了正则表达式，也就是把路由到/static/*的请求都视为对静态资源的请求 location ~ ^\/static\/.*$ { #这里的root表示静态资源的位置
传统的web项目，一般都将静态资源存放在 webroot的目录下，这样做很方便获取静态资源，但是如果说web项目很大，用户很多，静态资源也很多时，服务器的性能 或许就会很低下了。...这种情况下一般都会需要一个静态资源的服务器。...搭建nginx服务器首先得安装nginx服务，关于nginx服务的安装可以参考我的另一篇博客《nginx服务安装》这里直接介绍静态服务器的配置 进入nginx安装目录的conf目录下，修改nginx.conf.../nginx -s reload root@ubuntu:/usr/local/nginx/sbin# 打开浏览器 输入 server_name:80/image/1.jpg 就可以访问该静态图片了如下图...在这里只是简单地介绍了静态资源服务器的配置 ，关于资源缓存的配置并没有介绍 文件上传到nginx服务器参考这篇博客vsftpd ftp服务器搭建 关于静态资源的缓存以及防盗链可以参考这篇博客nginx静态资源缓存
在搭建网站的时候，往往会加载很多的图片，如果都从 Tomcat 服务器来获取静态资源，这样会增加服务器的负载，使得服务器运行 速度非常慢，这时可以使用 Nginx 服务器来加载这些静态资源，这样就可以实现负载均衡...这篇文章，我们将一起去使用 Nginx 去搭建静态资源 web 服务器。 首先我把构建的 hexo 博客文件放在 Nginx 目录下，目录结构如下： ?...修改好配置文件后，执行 nginx -s reload 重启 nginx 服务，在浏览器中输入 localhost/ 就可以访问了，如图所示： ?...使用 gzip 压缩之后，静态资源的传输效率会提升很多。...为了防止访问大文件抢走带宽，可通过设置访问资源时传输的速度来限制访问的文件大小。
个人简介：Java领域新星创作者；阿里云技术博主、星级博主、专家博主；正在Java学习的路上摸爬滚打，记录学习的过程~ 个人主页：.29.的博客 学习社区：进去逛一逛~ nginx静态资源部署...---- Nginx部署静态资源 Nginx可以作为静态web服务器来部署静态资源。...静态资源指在服务端真实存在并且能够直接展示的一些文件，比如常见的html页面、css文件、js文件、图片、视频等资源。...相对于Tomcat，Nginx处理静态资源的能力更加高效，所以在生产环境下，一般都会将静态资源部署到Nginx中。...将静态资源部署到Nginx非常简单，只需要将文件复制到Nginx安装目录下的html目录中即可。
Nginx配置静态资源防盗链 一般静态资源都可以被外部访问, 这也就造成了很多扒手, 直接会解析你的HTML, 然后爬取你的资源, 所以我们需要设置静态资源防盗链, 用于防止资源外泄 修改nginx.conf
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
