效果圖如下

开启目录列表：
打开nginx.conf文件，在location server 或 http段中加入 autoindex on;

另外两个参数最好也加上去:

autoindex_exact_size off;
默认为on，显示出文件的确切大小，单位是bytes。
改为off后，显示出文件的大概大小，单位是kB或者MB或者GB

autoindex_localtime on;
默认为off，显示的文件时间为GMT时间。
改为on后，显示的文件时间为文件的服务器时间

http {
include mime.types;
default_type application/octet-stream;

autoindex on; #自动显示目录
autoindex_exact_size off; #人性化方式显示文件大小否则以byte显示
autoindex_localtime on; #按服务器时间显示，否则以gmt时间显示

server_names_hash_bucket_size 128;
client_header_buffer_size 32k;
large_client_header_buffers 4 32k;
client_max_body_size 8m;
limit_zone one $binary_remote_addr 32k;

sendfile on;
tcp_nopush on;

keepalive_timeout 60;
tcp_nodelay on;

gzip on;
gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_http_version 1.0;
gzip_comp_level 2;
gzip_types text/plain application/x-javascript text/css application/xml;
gzip_vary on;

log_format wwwlogs '$remote_addr - $remote_user [$time_local] $request$status$body_bytes_sent$http_referer$http_user_agent$http_x_forwarded_for';

include default.conf;

include vhost/*.conf;
}

 
<h3>nginx配置</h3>
 
<div id="crayon-55e982a127904140943177-1" class="crayon-line"> <span class="crayon-h"> <span class="crayon-v">location <span class="crayon-o">~ ^/<span class="crayon-cn">ftp<span class="crayon-sy">(/.*)  //ftp為文件存放目錄</span></span></span></span></span></div>
<div id="crayon-55e982a127904140943177-2" class="crayon-line crayon-striped-line">       <span class="crayon-h"> <span class="crayon-sy">{</span></span></div>
<div id="crayon-55e982a127904140943177-3" class="crayon-line">               <span class="crayon-h"> <span class="crayon-e">autoindex <span class="crayon-v">on<span class="crayon-sy">; <span class="crayon-c">//开启</span></span></span></span></span></div>
<div id="crayon-55e982a127904140943177-4" class="crayon-line crayon-striped-line">               <span class="crayon-h"> <span class="crayon-e">autoindex_localtime <span class="crayon-v">on<span class="crayon-sy">;<span class="crayon-c">//开启显示功能</span></span></span></span></span></div>
<div id="crayon-55e982a127904140943177-5" class="crayon-line">       <span class="crayon-h"> <span class="crayon-sy">}</span></span></div>
這樣做的頁面不好看，想要好看的頁面請參考https://github.com/aperezdc/ngx-fancyindex

主題 https://github.com/TheInsomniac/Nginx-Fancyindex-Theme

效果圖