Nginx directory browsing configuration to implement file list display

WBOY
Release: 2023-07-04 17:04:40
Original
5360 people have browsed it

Nginx directory browsing configuration to achieve file list display

Nginx is a high-performance HTTP and reverse proxy server, which can achieve file list display through the installation directory browsing configuration. In some cases, we may need to display the files in a directory to users in the form of a list so that users can easily browse and download these files. This article will introduce how to configure Nginx to implement directory browsing and demonstrate it through code examples.

First, we need to modify the Nginx configuration file. The commonly used configuration file is /etc/nginx/nginx.conf. Open the file and find the configuration items in the server section. In this configuration item, we can add the following code to enable directory browsing:

location /path/to/directory {
    autoindex on;
    autoindex_exact_size off;
    autoindex_localtime on;
}
Copy after login

In the above code, /path/to/directory is the directory path where the file list needs to be displayed. Please modify it according to the actual situation. The meaning of each parameter is as follows:

  • autoindex on;: This parameter indicates turning on the directory browsing function.
  • autoindex_exact_size off;: This parameter means not to display the exact size of the file, but to display it in a simplified form.
  • autoindex_localtime on;: This parameter indicates using local time to display the last modification time of the file.

After configuring the above code, reload the Nginx configuration file. The command is as follows:

nginx -s reload
Copy after login

Next, we use a specific example to demonstrate the use of Nginx directory browsing configuration. .

Suppose we have a directory named files, which contains some files. We will configure it in Nginx so that users can access the directory and display the file list.

First, create the files directory and place some files in it:

$ mkdir files
$ touch files/file1.txt
$ touch files/file2.txt
$ touch files/file3.txt
Copy after login

Then, open the Nginx configuration file and add the following code:

server {
    listen 80;
    server_name example.com;

    location /files {
        autoindex on;
        autoindex_exact_size off;
        autoindex_localtime on;
    }
}
Copy after login

Save the above configuration and reload the Nginx configuration file.

Now, when we open the browser and visit http://example.com/files, we can see the file list in the files directory. The list will display the file name, last modification time and other information, as shown below:

Index of /files

[ICO] Name    Last modified    Size    Description
============================================================================
[PARENTDIR] Parent Directory        -    
[file1.txt]   2021-01-01 00:00      -     
[file2.txt]   2021-01-02 00:00      -     
[file3.txt]   2021-01-03 00:00      -
Copy after login

Through the above configuration, we have successfully implemented the Nginx directory browsing configuration and realized the display of the file list.

Summary:
This article introduces how to modify the Nginx configuration file to browse the directory and display the file list. By adding relevant configuration parameters in the location section, you can enable the directory browsing function and customize the displayed file information. Users can configure Nginx according to actual needs to achieve a more personalized file list display effect. Everyone is welcome to try and use your creativity to create a better user experience!

The above is the detailed content of Nginx directory browsing configuration to implement file list display. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template