Nginx访问静态资源配置的实现步骤

 更新时间:2023年09月20日 15:13:40   作者:划]破  
Nginx 擅长于底层服务器端资源的处理,例如静态资源处理转发、反向代理,负载均衡等,本文主要介绍了Nginx访问静态资源配置的实现步骤,具有一定的参考价值,感兴趣的可以了解一下

Nginx访问静态资源配置

关于 alias和root配置的说明:
一般情况下,在nginx配置中的良好习惯是:
1)在location /中,即路径为“ / ”时, 配置root目录;
2)在location /path中,即路径包含指定内容,如“ localtion /imgs ”时, 配置alias虚拟目录。

1. 配置修改如下:

# 访问静态资源:直接配置静态资源_绝对路径,Docker的话,需要配置Docker内部Nginx的绝对路径
#  		配置文件中增加如下内容location(配置文件位置:nginx/nginx.conf,
#								新版本配置文件位置:/nginx/conf.d/default.conf)
location /images {
            autoindex on;
      		autoindex_exact_size on;
      		autoindex_localtime on;
      		# Window服务器,路径如 D:/images/;    
      		#	***注***:  1. 路径分隔符为 / 或 \\ ,而非 \
      		#				2. 使用alias,最后的" / " 不能缺少 
      		alias	/home/nginx-1.22.0/images/;  # 绝对路径  [ docker需要配置容器内绝对路径 ]
        }

2. 配置相关属性说明

nginx默认是不允许列出整个目录的,如需开启,使用下方三个配置项:

  • autoindex on;    开启目录列表访问,这样浏览器可以直接访问根路径,列出文件列表,和Ftp效果类似
  •  autoindex_exact_size on;    显示出文件的确切大小,单位是bytes。
    • 改为off后,显示出文件的大概大小,单位是kB或者MB或者GB
  •  autoindex_localtime on;
    • 默认为off,显示的文件时间为GMT时间。
    •  改为on后,显示的文件时间为文件的服务器时间

3. 实例【静态资源–图片】,并开启路径目录列表:

1. 在/home/nginx-1.22.0文件夹下创建images文件夹[可随意路径],放入图片: MyIndex.jpg
2. 修改nginx.conf配置文件【路径千万别找错了】
如 路径:	/usr/local/nginx/conf/nginx.conf    或   D:/images/;
3. 新增一个图片资源路径访问location:
	location /images {
            autoindex on;
      		autoindex_exact_size on;
      		autoindex_localtime on;
      		alias	/home/nginx-1.22.0/images/;   # 最后的" / " 不能缺少 
      		# alias	F:\\PHP\\upload;
        }

4. location中的root和alias参数说明:

alias和root区别:
1)alias指定的目录是准确的,Nginx访问该location时,资源路径即alias指定的跟路径;
2)root指定的目录是location匹配访问的path目录的上一级目录
	# 如 location /imgs/,   root配置为 /code/front/dist
	#		那么,文件的路径存在在:  /code/front/dist/imgs/
3)使用alias标签的目录块中不能使用rewrite的break(具体原因不明);
	另外,alias指定的目录后面必须要加上 “ / ” 符号!!!
4)root目录配置中,location匹配的path目录后面带不带"/",都不会影响访问。
所以,一般情况下,在nginx配置中的良好习惯是:
1)在location /中配置root目录;
2)在location /path中配置alias虚拟目录。
# 假设项目文件夹:code , 静态文件的位置:/code/front/dist/
#		如下使用root配置,会访问不到,报404之类的:
	location ^~ /static/ {
		# 这里使用root的话,相当于 文件的路径为 /data/zfy_home/code/front/dist/static/
        # 	root配置无效
        root /data/zfy_home/code/front/dist/;   
		# 有效配置:
		alias /data/zfy_home/code/front/dist/;  # 使用alias时, 最后的" / " 不能缺少 
    } 
Or 
	location / {
		# 这里直接使用root配置全路径即可
		#		root配置有效
        root /data/zfy_home/code/front/dist/;   
		# 		location后跟" / "时,建议直接使用root了,alias多此一举了感觉
		alias /data/zfy_home/code/front/dist/;  # 使用alias时, 最后的" / " 不能缺少 
    } 

到此这篇关于Nginx访问静态资源配置的实现步骤的文章就介绍到这了,更多相关Nginx访问静态资源配置内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 详解基于centos7搭建Nginx网站服务器(包含虚拟web主机的配置)

    详解基于centos7搭建Nginx网站服务器(包含虚拟web主机的配置)

    这篇文章主要介绍了详解基于centos7搭建Nginx网站服务器(包含虚拟web主机的配置),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-10-10
  • keepalived+nginx高可用实现方法示例

    keepalived+nginx高可用实现方法示例

    这篇文章主要介绍了keepalived+nginx高可用实现方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • Nginx基础学习之realip模块的使用方法

    Nginx基础学习之realip模块的使用方法

    这篇文章主要给大家介绍了关于Nginx基础学习之realip模块使用的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Nginx具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2020-06-06
  • Nginx服务器的SSL证书配置以及对SSL的反向代理配置

    Nginx服务器的SSL证书配置以及对SSL的反向代理配置

    这篇文章主要介绍了Nginx服务器的SSL证书配置以及对SSL的反向代理配置方法,通常在开启全站HTTPS时会用到,需要的朋友可以参考下
    2016-01-01
  • nginx限流方案的实现(三种方式)

    nginx限流方案的实现(三种方式)

    一般对外暴露的系统,在促销或者黑客攻击时会涌来大量的请求,为了保护系统不被瞬间到来的高并发流量给打垮, 就需要限流,这篇文章主要介绍了nginx限流方案的实现,非常具有实用价值,需要的朋友可以参考下
    2018-05-05
  • Nginx安装后/etc/nginx/conf.d下没有default.conf的解决

    Nginx安装后/etc/nginx/conf.d下没有default.conf的解决

    nginx.conf是nginx默认加载的配置文件 通过nginx -V可以看nginx默认配置文件路径,本文主要介绍了Nginx安装后/etc/nginx/conf.d下没有default.conf的解决,感兴趣的可以了解一下
    2023-11-11
  • 通过Nginx定义Header头信息的实现步骤

    通过Nginx定义Header头信息的实现步骤

    本文主要介绍了通过Nginx定义Header头信息的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 详解Nginx虚拟主机配置中server_name的具体写法

    详解Nginx虚拟主机配置中server_name的具体写法

    这篇文章主要介绍了Nginx虚拟主机配置中server_name的具体写法,server_name服务器名是虚拟主机中必须配置的重要参数,需要的朋友可以参考下
    2016-03-03
  • Nginx配置统计流量带宽请求及记录实时请求状态的方法

    Nginx配置统计流量带宽请求及记录实时请求状态的方法

    这篇文章主要介绍了Nginx中配置统计流量带宽请求及记录实时请求状态的方法,分别用到了ngx_req_status和ngx_realtime_request模块,需要的朋友可以参考下
    2016-01-01
  • nginx服务器中access_log日志分析与配置详解

    nginx服务器中access_log日志分析与配置详解

    通过访问日志,可以知晓用户的地址,网站的哪些部分最受欢迎,用户的浏览时间,对大多数用户用的的浏览器做出针对性优化。下面这篇文章主要给大家介绍了关于nginx服务器中access_log日志分析与配置的相关资料,需要的朋友可以参考下。
    2017-12-12

最新评论