首页 > 系统相关 >Nginx配置实例-动静分离实例:搭建静态资源服务器

Nginx配置实例-动静分离实例:搭建静态资源服务器

时间:2023-03-12 10:35:24浏览次数:34  
标签:文件 静态 html Nginx 实例 服务器 目录



什么是动静分离

Nginx 动静分离简单来说就是把动态跟静态请求分开,不能理解成只是单纯的把动态页面和静态页面物理分离。严格意义上说应该是动态请求跟静态请求分开,可以理解成使用Nginx 处理静态页面,Tomcat处理动态页面。动静分离从目前实现角度来讲大致分为两种, 一种是纯粹把静态文件独立成单独的域名,放在独立的服务器上,也是目前主流推崇的方案; 另外一种方法就是动态跟静态文件混合在一起发布,通过 nginx 来分开。 通过 location 指定不同的后缀名实现不同的请求转发。通过 expires 参数设置,可以使浏览器缓存过期时间,减少与服务器之前的请求和流量。具体 Expires 定义:是给一个资源设定一个过期时间,也就是说无需去服务端验证,直接通过浏览器自身确认是否过期即可,所以不会产生额外的流量。此种方法非常适合不经常变动的资源。(如果经常更新的文件,不建议使用 Expires 来缓存),我这里设置 3d,表示在这 3 天之内访问这个 URL,发送一个请求,比对服务器该文件最后更新时间没有变化,则不会从服务器抓取,返回状态码 304,如果有修改,则直接从服务器重新下载,返回状态码 200。

下面实现第一种动静分离的方式

Nginx配置实例-动静分离实例:搭建静态资源服务器_Nginx

 

注:

关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

在上面搭建好Ubuntu Server 以及安装Nginx后,在Ubuntu 中根目录下新建resource目录,用于存放静态资源。

然后在此目录下新建html目录,并在下面传送一个1.html

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<h1>公众号:霸道的程序猿</h1>
</body>
</html>

然后再在resource下新建image目录并传送一个badao.jpg图片资源。

Nginx配置实例-动静分离实例:搭建静态资源服务器_Nginx_02

 

然后在Nginx的默认安装目录下找到其配置文件并编辑

Nginx配置实例-动静分离实例:搭建静态资源服务器_html_03

 

将配置文件以下两个地方修改。

其中server_name 对应的是Ubuntu 的ip。

下面两个location对应两个路径映射,与上面的新建的资源路径相对应。

第二个autoindex  on;的作用是能自动列出文件,具体效果见下面。

Nginx配置实例-动静分离实例:搭建静态资源服务器_Nginx_04

 

然后将配置文件保存,回到sbin目录下启动nginx。

打开浏览器输入:

​http://192.168.208.134/image/​

可以看到自动列出所有文件

Nginx配置实例-动静分离实例:搭建静态资源服务器_html_05

 

后面加上具体的image的文件名后

Nginx配置实例-动静分离实例:搭建静态资源服务器_Nginx_06

 

同理访问html下的静态资源文件

​http://​​​​192.168.208.134/html/1.html​

Nginx配置实例-动静分离实例:搭建静态资源服务器_Nginx_07

 

 

标签:文件,静态,html,Nginx,实例,服务器,目录
From: https://blog.51cto.com/BADAOLIUMANGQZ/6115499

相关文章

  • Nginx
    ​ 1分类1.1通用分布式文件系统​和传统的本地文件系统(如ext3、NTFS等)相对应。典型代表:lustre、MooseFS1.1.1优点​标准文件系统操作方式,对开发者门槛较低1.1.......
  • 36 openEuler搭建repo服务器-部署远端repo源
    36openEuler搭建repo服务器-部署远端repo源安装openEuler操作系统,在openEuler上通过nginx部署repo源。36.1nginx安装与配置在root权限下安装nginx。#dnfinstall-......
  • 本地浏览器访问云服务器127.0.0.1的某个端口
    目前在学习gin框架,但是在无图形化界面的linux云服务器上看不到网页的效果,而且lynx等纯文本浏览器过于丑陋了。于是研究了一下如何在本地计算机访问云服务器上的127.......
  • Docker安装Nginx入门示例
    测试环境:Ubuntu20.04Dockerversion23.0.1Nginx容器版本:1.23.31.拉取镜像拉取命令:dockerpullnginx:1.23.3查看镜像:yyj@yyj:~$dockerimagesREPOSITORYTA......
  • 安全编码案例(52)go结构体方法未使用指针,结构体实例的锁失效
    摘要:go结构体方法未使用指针,结构体实例的锁失效【问题描述】go结构体方法未使用指针,结构体实例的锁失效【错误代码片段】给结构体定义一把锁在函数中调用锁实测锁......
  • 【教学典型案例】28.生产环境nginx限制上传大小
    目录​​一:背景介绍​​​​二:Nginx限制上传大小​​​​1、Nginx官方文档说明​​​​2、设置参数​​​​1)、在server模块中设置​​​​2)、在http模块中设置​​​​三:问......
  • Nginx基础 - 08路径Rewrite
     一、Rewrite基本描述rewrite主要实现url地址重写,以及重定向。 使用场景URL访问跳转:支持开发设计,页面跳转,兼容性支持SEO优化:依赖于url路径,以便......
  • Bootstrap 实例——堆叠的水平
    代码: <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Bootstrap实例——堆叠的水平</title><linkrel="stylesheet"href="https://cdn.......
  • Day06-Tomcat服务器&Servlet入门
    今日目标1.web知识概述2.tomcat【重点】3.创建servlet xml anno(注解) 4.servlet执行原理5.servlet生命周期6.servlet体系结构1.web相关知识概述【了解】1......
  • Nginx基础 - 07代理缓存
     缓存是用来减少后端压力,将压力尽可能的往前推, 提高网站的并发延时。一、缓存常见类型服务端缓存:redis/memcached代理缓存,获取服务端内容进行缓存:Nginx_proxy  ......