Java基础、中级、高级、架构面试资料

nginx autoindex设置目录浏览和乱码问题解决以及autoindex美化

业余杂谈 herman 6765浏览
公告:“业余草”微信公众号提供免费CSDN下载服务(只下Java资源),关注业余草微信公众号,添加作者微信:xttblog2,发送下载链接帮助你免费下载!
本博客日IP超过2000,PV 3000 左右,急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包,请加博主新的微信号:xttblog2,之前的微信号好友位已满,备注:返现
受密码保护的文章请关注“业余草”公众号,回复关键字“0”获得密码
所有面试题(java、前端、数据库、springboot等)一网打尽,请关注文末小程序
视频教程免费领
腾讯云】1核2G5M轻量应用服务器50元首年,高性价比,助您轻松上云

很多人可能没有用过 nginx 的 autoindex 功能。但是,我相信大家都用过一些网站的目录浏览功能。哎,为什么有的 Nginx 能使网站按照网页的形式浏览,而有的网站则显示的是按照目录浏览?这是为什么?今天我们一起来学习学习 nginx 中的 autoindex 指令。

autoindex 指令的默认值是 off,它存在于 ngx_http_autoindex_module 模块中。如果我们设置为 on,则代表我们将以目录的形式展现给用户。autoindex 指令可以配置在 http 指令块或 location 指令块中。

location /down/ {
  autoindex on;
}

nginx autoindex设置目录浏览

另外 Nginx 的目录浏览还有几个比较有用的参数,可以根据自己的需求添加:

  • autoindex_exact_size off; 默认为 on,显示出文件的确切大小,单位是 bytes。改为 off 后,显示出文件的大概大小,单位是 kB 或者 MB 或者 GB。
  • autoindex_localtime on; 默认为 off,显示的文件时间为 GMT 时间。改为 on 后,显示的文件时间为文件的服务器时间。
  • autoindex_format html; 默认为 html。以网页的风格展示目录内容。该属性在1.7.9及以上适用。

ngx_http_autoindex_module 常见指令

autoindex 中文乱码问题

群里有很多人反映使用 autoindex 指令,遇到中文会产生乱码。解决这个问题我们只需要配置:charset utf-8,gbk; 指令即可。

location /download {
    root /home/map/www/; #指定目录所在路径
    autoindex on; #开启目录浏览
    autoindex_format html; #以html风格将目录展示在浏览器中
    autoindex_exact_size off; #切换为 off 后,以可读的方式显示文件大小,单位为 KB、MB 或者 GB
    autoindex_localtime on; #以服务器的文件时间作为显示的时间
    charset utf-8,gbk; #展示中文文件名
}

autoindex 目录美化

目录美化这个操作稍微麻烦一点。稍微不小心,可能就会出错。按照我的步骤来即可!

首先,下载安装 fancy。

autoindex 目录美化

然后,fancy 索引配置。

server {
  listen 80;
  server_name test.xttblog.com;
  access_log /data/logs/nginx/test.ttlsa.com.access.log main;
  index index.html index index.html;
  root /data/site/xttblog.ttlsa.com;

  location / {
  }

  location ~ ^/2589(/.*){
    fancyindex on;
    fancyindex_exact_size off;
    fancyindex_localtime on;
    fancyindex_footer "myfooter.shtml";
  }
}

然后重启 Nginx 即可。

autoindex 目录美化

运行效果如上所示。

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加作者微信号:xttblog2。备注:“1”,添加博主微信拉你进微信群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作也可添加作者微信进行联系!

本文原文出处:业余草: » nginx autoindex设置目录浏览和乱码问题解决以及autoindex美化